@charset "utf-8";
body {font: 13px/18px Arial, Helvetica, sans-serif; color: #000; background-color: #fff;}
body, p, ul, ol, li, h1, h2, h3, form, img, fieldset, legend, label {margin: 0; padding: 0; border: 0;}
ul {list-style: none;}
ol {padding-left: 20px;}
ol li {padding-bottom: 5px;}
a {color: #333; text-decoration: underline;}
a:hover {color: #000; cursor: pointer;}
input, select, textarea {border: 1px solid #777; background: #fff; color: #423d66; padding: 1px 3px; font: 11px Arial, Helvetica, sans-serif;}
h2 {font: bold 16px/20px Arial;}
h3 {font: bold 13px/16px Arial;}
.page {width: 1000px; margin: 0 auto; position: relative; overflow: hidden; height: 1%;}

.promo, .menu-flash {width: 500px; float: left;}
.myelais {overflow: hidden; height: 1%; padding: 10px 20px; clear: both; color: #333; font-size: 11px; font-weight: bold;}
.myelais a {text-decoration: none; color: #333;}
.myelais a:hover {color: #000;}
.myelais .column {float: left; margin-right: 15px;}
.myelais .form {width: 100px;}
.myelais .column span {display: block;}
.myelais .column label {display: block; padding-top: 4px;}
.myelais .column input {width: 90px;}
.menu-notes {position: absolute; top: 260px; right: 10px;}

.fp-promos {padding: 40px 0 0 90px;}
.fp-promos li {margin-bottom: 15px; font-size: 11px; line-height: 14px; border-width: 1px; border-style: solid; background: #fff; padding: 10px; width: 394px; overflow: hidden; height: 1%;}
.fp-promos .banner {border: 0; padding: 0; width: 416px; background: none;}
.fp-promos a {text-decoration: none;}
.fp-promos a:hover {text-decoration: underline;}

.fp-promos .monthly {border: 1px solid #f6cba5; background: #fff; padding: 10px; width: 394px; overflow: hidden; height: 1%;}
.fp-promos .monthly .img {float: left; margin-right: 15px; width: 125px;}
.fp-promos .monthly h2, .fp-promos .monthly p {float: right; width: 250px;}
.fp-promos .monthly h2 {color: #0093dd; font-size: 15px; padding: 20px 0 5px;}
.fp-promos .monthly h2 a {color: #0093dd;}
.fp-promos .monthly span {display: block; float: right; clear: both; padding-top: 5px; color: #3db4c3;}
.fp-promos .monthly span a {color: #e77817;}
.fp-promos .monthly .more {padding-top: 15px;}
.fp-promos .monthly .list a {color: #84c225;}

.fp-promos .tip {border-color: #00923f;}
.fp-promos .tip img {float: right; margin-left: 15px;}
.fp-promos .tip h2, .fp-promos .tip p {float: left; width: 235px;}
.fp-promos .tip h2 {color: #84c225; font-size: 15px; padding-bottom: 2px;}
.fp-promos .tip h2 a {color: #84c225;}

.fp-promos .recipe {border-color: #e77817;}
.fp-promos .recipe span {display: block; float: right;}
.fp-promos .recipe h2, .fp-promos .recipe p {float: left; width: 290px;}
.page .fp-promos .recipe h2 {color: #e77817; font-size: 15px; padding: 0 0 5px; width: 240px; background: none; margin-top: 15px; line-height: 115%;}
.fp-promos .recipe h2 a {color: #e77817;}

.fp-promos .deco {border-color: #937dac;}
.fp-promos .deco img {float: left;}
.fp-promos .deco span {display: block; float: right;}
.fp-promos .deco h2, .fp-promos .deco p {float: right; width: 260px;}
.fp-promos .deco h2 {color: #e78f18; font-size: 15px; padding: 20px 0 5px;}
.fp-promos .deco h2 a {color: #e78f18;}

.fp-promos .kitchen {border-color: #008ca7;}
.fp-promos .kitchen img {float: left;}
.fp-promos .kitchen p {float: left; padding-top: 15px; font-size: 14px; width: 260px; line-height: 20px;}
.fp-promos .kitchen p a {color: #e48d23; background: url(../images/layout/bullet-orange-small.gif) 0% 4px no-repeat; padding-left: 10px;}

.content {padding: 0 0 20px 10px; overflow: hidden; height: 1%;}
.main {padding-top: 30px; width: 570px; margin-right: 10px; float: left; overflow: hidden; height: 1%; background: 0 0 no-repeat;}
.main .inner {padding: 40px 20px 0 90px; overflow: hidden; height: 1%;}
.main .inner h1 {padding-bottom: 15px; font-size: 25px; line-height: 25px;}
.main .paper {width: 100%; height: 110px; display: block; background: 0 100% no-repeat;}
.breadcrumbs {overflow: hidden; height: 1%; margin-bottom: 5px; font-size: 11px;}
.inner .breadcrumbs li {float: left; margin: 0 3px 0 0; background: url(../images/layout/bullet-breadcrumbs.gif) 0% 50% no-repeat; padding-left: 7px;}
.inner .breadcrumbs li a {color: #777; text-decoration: none; font-weight: normal;}
.inner .breadcrumbs li a:hover {text-decoration: underline;}
.inner .editor {font-size: 11px; line-height: 15px; padding: 5px 0; display: block; font-weight: normal;}
.inner .inline {float: left; margin: 0 10px 10px 0; clear: left;}
.genericlist {margin-top: 15px; border-top: 1px dotted #999; margin-top: 20px; padding-top: 20px;}
.genericlist li {overflow: hidden; height: 1%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dotted #999;}
.inner .genericlist li h2 {padding: 0 0 5px;}
.genericlist li span {display: block; font-size: 11px; color: #777;}
.genericlist li img {float: left; margin: 0 15px 5px 0;}
.genericlist li .video {padding-left: 15px; margin-top: 5px; font-weight: bold; background: url(../images/layout/icon-video.png) 0 45% no-repeat;}
.genericlist li .video a {text-decoration: none;}
.genericlist li .video a:hover {text-decoration: underline;}
.simplelist, .text ul {padding: 5px 0;}
.simplelist li, .text li {padding: 1px 0 1px 14px; background: url(../images/layout/bullet-footer.png) 0 5px no-repeat; clear: both;}
.text ol li {padding: 1px 0; background: none;}
.simplelist li a {text-decoration: none;}
.simplelist li a:hover {text-decoration: underline;}
.pagination {overflow: hidden; height: 1%; color: #555;}
.pagination ul {float: right;}
.pagination li {float: left; margin-left: 10px;}
.inner .pagination span {font-weight: bold; color: #333;}
.inner .pagination li a {text-decoration: none; font-weight: bold; padding: 0px 10px 2px; display: block; color: #fff;}
.inner .pagination li a:hover {color: #fff;}
.inner .pagination .viewall a {font-weight: normal; font-size: 10px; padding: 2px 0 0; color: #777; background: none;}
.inner .pagination .viewall a:hover {text-decoration: underline; background: none; color: #777;}
.h {display: none;}

.genericform label {display: block; padding: 20px 0 5px; font-weight: bold; color: #e77817; font-size: 12px;}
.genericform label span {color: #999; font-size: 18px}
.genericform .username span  {font-size: 12px; color: #666;}
.inner.genericform h2 {padding-top: 20px; font-size: 14px; color: #666;}
.genericform .user fieldset {float: left; margin-right: 20px; width: 200px; font-weight: bold; color: #e77817;}
.genericform .user .long {float: none; clear: both; width: 100%;}
.genericform .user .long select {width: 40%;}
.genericform .user .long textarea {width: 90%;}
.genericform .user input {width: 200px;}
.genericform fieldset.radio {width: 100%; margin-top: 30px;}
.genericform .radio label {display: inline; padding: 0 0 0 15px; font-weight: normal; color: #666; margin-top: 5px;}
.genericform .radio input {background: none; border: 0; width: 30px;}
.genericform .button {float: left; font-size: 20px; font-weight: bold; margin-top: 35px; padding: 5px 30px 5px 0; overflow: hidden; height: 1%; background: url(../images/layout/button-recipe.jpg) 100% 50% no-repeat;}
.genericform .button a {color: #000; text-decoration: none;}
.genericform .button a:hover {color: #e77817;}
.genericform .hr {border-bottom: 1px dashed #999; padding-top: 30px; clear: both;} 
.genericform .comment {font-style: italic; font-size: 11px; color: #999; padding-top: 20px; clear: both; width: 100%;}
.genericform fieldset .comment {padding-top: 0; font-weight: normal;}
.genericform .comment span {font: normal 18px Arial;}
.genericform .warning {background: #d00; color: #fff; padding: 5px 10px; margin-top: 10px;}
.genericform .error label {color: #f00; padding-left: 15px; background: url(../images/layout/icon-warning.gif) 0 75% no-repeat;}
.genericform .submitrecipe .time {overflow: hidden; height: 1%; float: left; margin-right: 50px;}
.genericform .submitrecipe .time h2 {padding: 20px 0 0; margin: 0; color: #e77817; font-size: 12px;}
.genericform .submitrecipe .time fieldset {float: left; width: 50px;}
.genericform .submitrecipe .time label {padding: 0; margin: 0; font-weight: normal; font-size: 11px; color: #666;}
.genericform .submitrecipe .time input {width: 25px; text-align: center;}
.genericform .submitrecipe .level {clear: both;}
.genericform .submitrecipe .level select {width: 40px;}

.send2friend {width: 450px; padding: 25px; background: #fff; overflow: hidden; height: 1%;}
.main .inner .send2friend h2 {background: none; padding: 0 0 5px; font-size: 16px; margin: 0;}
.send2friend label, .send2friend h3 {display: block; padding: 20px 0 2px; font-weight: bold;}
.send2friend .from {overflow: hidden; height: 1%;}
.send2friend .from fieldset {width: 210px; float: left;}
.send2friend input, .send2friend textarea {width: 380px;}
.send2friend .from label {font-weight: normal; padding-top: 5px;}
.send2friend .from input {width: 170px;}
.send2friend .comment {display: block; font: normal 11px Arial; color: #777; padding-top: 3px;}
.send2friend .button {float: left; font-size: 20px; font-weight: bold; margin-top: 25px; padding: 5px 30px 5px 0; overflow: hidden; height: 1%; background: url(../images/layout/button-recipe.jpg) 100% 50% no-repeat;}
.send2friend .button a {color: #000; text-decoration: none;}
.send2friend .button a:hover {color: #e77817;}

.sitemap ul {padding-left: 20px;}
.sitemap li {margin: 10px 0 0; padding-left: 10px; font-weight: bold; background: url(../images/layout/bullet-sitemap.gif) 0% 4px no-repeat;}
.sitemap li li {margin: 2px 0; font-weight: normal;}
.sitemap a {text-decoration: none;} 
.sitemap a:hover {text-decoration: underline;}

.side {width: 410px; float: left; height: 1%; padding: 100px 0 0; overflow: hidden; height: 1%;}
.side .block {padding-bottom: 40px; overflow: hidden; height: 1%;}
.side .block .icon {float: left; width: 110px; padding-top: 20px;}
.side .block .form {float: left; width: 260px;}
.side .block h2 {color: #fff; font-size: 22px; padding-bottom: 5px;}
.side .block h3 {padding-bottom: 5px;}
.side .block fieldset {float: left; padding: 0 5px 5px 0;}
.side .block label {display: block; font-weight: bold; color: #078ED0;}
.side .block label.title {color: #c47e39;}
.side .block label.category {color: #038b4d;}
.side .block input {width: 200px;}
.side .block select {width: 208px; padding-right: 0;}
.side .block span {line-height: 40px; display: block; float: left; margin-top: 12px;}
.side .block .unsubscribe {font-size: 11px; clear: both;}
.side .block .unsubscribe a {color: #fff; text-decoration: none;}
.side .block .unsubscribe a:hover {text-decoration: underline;}
.side .thanx {text-align: center; color: #333; padding: 10px 30px 30px 80px; font: italic 14px/150% Georgia, "Times New Roman", Times, serif;}
.side .thanx span {display: block; padding: 10px;}
.side .thanx span img {margin: 0 5px;}
.side .weblogo {text-align: center; padding: 10px;}
#exportsbanner {padding-left: 95px;}

.sizes {padding: 10px 0; color: #555; clear: both;}
.sizes a {color: #e77817; text-decoration: none; padding: 0 5px;}
.sizes a:hover {color: #333;}
			
.side .media {overflow: hidden; height: 1%; margin: 0 30px 30px 0; position: relative;}
.side .photo, .side .video {position: relative; float: right; width: 355px;}
.side .photo {height: 400px; background: url(../images/layout/photoframe.png) 0 0 no-repeat;}
.side .photo img {margin: 35px 0 0 45px;}
.side .photo .more {position: relative; text-align: right; padding: 15px 40px 0 0; font: italic bold 11px Arial;}
.side .photo .more a {text-decoration: none; color: #e77817;}
.side .photo .more a:hover {text-decoration: underline;}
.side .photo .photoshadow {position: absolute; left: 45px; top: 35px; width: 270px; height: 270px; background: url(../images/layout/photoshadow.png) 0 0 no-repeat;}
.side .photo .photoshadow a {position: absolute; display: block; width: 270px; height: 270px;}
.side .sizes {float: right; padding: 5px 15px 10px 0;}

.submenu {overflow: hidden; height: 1%; font-weight: bold; font-size: 11px; margin-bottom: 40px;}
.submenu h2, .submenu h3  {text-align: center; padding-bottom: 15px; font-size: 25px;}
.submenu h3  {font-size: 15px; padding-bottom: 5px;}
.submenu li {display: block; float: left; margin: 0 0 5px 10px; border: 1px solid #888; background: #fff;}
.submenu .level2 {float: left; width: 200px;}
.submenu .left {clear: left;}
.submenu .right {clear: right; float: right;}
.submenu .right li {margin: 0 10px 5px 0;}
.submenu ul {overflow: hidden; height: 1%; width: auto; padding-bottom: 25px;}
.submenu .current {color: #fff; border: 1px solid #fff; width: 170px; padding: 2px 5px;}
.submenu a {text-decoration: none; width: 170px; padding: 2px 5px; display: block;}
.submenu .level2 .current, .column a {width: 165px;}
.submenu ul ul {padding: 0 5px 5px; width: 160px;}
.submenu li li {border: 0; margin: 0;}
.submenu li li a {width: 155px; color: #7d4b7e;}
.submenu a:hover {color: #fff;}

.footer {clear: both; margin-right: -30px; font-weight: bold; color: #918f90; overflow: hidden; height: 1%;}
.footer ul {float: right; background: #fff; display: block; margin-top: 30px; padding: 0 30px 0 10px;}
.footer li {float: left; display: block; padding: 5px 10px; margin-right: 10px;}
.footer a {text-decoration: none; padding: 0 2px; color: #d77720;}
.footer a:hover {color: #000; text-decoration: none;}

/* boxy and fancybox stuff overlay*/
.boxy-modal-blackout, div#fancy_overlay {position: absolute; background-color: #000; left: 0; top: 0;}
div#fancy_overlay {z-index: 90; width: 100%;}

#big_video_player {width: 660px; height: 560px; margin: 0; padding: 0;}

/* generic form stuff */
.form legend, .form label {font-weight: bold;}
.form label {display:  block;}
.form input, .form select {padding: 2px 4px;}
.button {float: left; font-size: 20px; font-weight: bold; margin-top: 35px; padding: 5px 30px 5px 0; overflow: hidden; height: 1%; background: url(../images/layout/button-recipe.jpg) 100% 50% no-repeat;}
.button a {color: #000; text-decoration: none;}
.button a:hover {color: #e77817;}