body {margin:0;padding:0;font-family:Helvetica;font-size:10px;background:#646464;}
form, div, p, h1, h2, h3, h4, ul, li {margin:0;padding:0;}
img {border:0px;}
img.midimg {margin:0 10px;}
img.close {margin:6px 0 0 0;width:50px;height:12px;}
.cta {text-align:center;}
a {color:#000000;text-decoration:none;}
a:hover {color:red;}

textarea {width:350px;height:50px;font-size:10px;background-color:#d8d8d8;overflow:hidden;}

input.txt01 {width:180px;height:15px;font-size:10px;background-color:#d8d8d8;}
input.txt02 {width:300px;height:15px;font-size:10px;background-color:#d8d8d8;}
input.txt03 {width:100px;height:15px;font-size:10px;background-color:#d8d8d8;} 

div#error {padding:0 0 10px 0;color:#bd0000;}
div#error p {padding:0;}
div#error li {list-style-type:none;}

/* center content on the browser */
body#print {background-color:#ffffff;}
.page {width:490px;margin:0 auto;position:relative;}
.page div.wrapper {margin:0;padding:0;}

/* printcontent on the browser */

.prnt {width:600px;margin:0 auto;position:relative;}
.prnt div.wrapper {margin:0;padding:0;}

div.wrapper div.print {float:left;background:url(/images/backgrounds/print.gif) repeat-x #ffffff;width:600px;color:#5d5b5b;}
div.wrapper div.print div.prntbdy {float:left;padding:5px 10px 0 22px;}
div.wrapper div.print div.prntbdy ul {float:left;width:558px;}
div.wrapper div.print div.prntbdy li {float:left;width:50%;display:inline;}

div.print div.printcnt {float:left;padding:20px 8px 10px 15px;}
div.print div.printcnt h2 {font-size:16px;padding:0 0 5px 0;margin:0;}
div.print div.printcnt h3 {font-size:11px;text-transform:uppercase;margin:0px;padding:5px 0;}
div.print div.printcnt h4 {font-size:12px;margin:0px;padding:5px 0 0 0;text-transform:none;}
div.print div.printcnt p {color:#5d5b5b;padding:0 0 15px 0;}
div.print div.direction td {padding-bottom:15px;}

div.printcnt div.printcpy {float:left;width:192px;overflow:hidden;color:#6d6d6d;}
div.printcnt div.printimg {float:left;width:259px;}

/* signin, login, try again form */
body#login {}
.page {width:364px;margin:0 auto;position:relative;}
.page div.wrapper {margin:0;padding:0;}

div.signin {float:left;width:364px;height:339px;background:url(/images/backgrounds/signin.gif) no-repeat;overflow:hidden;}
div.signin div.signform {padding:0 8px 0 8px;}

div.signin div.signform ul.nav  {float:left;padding:0;margin:0px;overflow:hidden;}
div.signin div.signform ul.nav li {float:left;list-style-type:none;}
div.signin div.signform ul.nav li.title {width:298px;}
div.signin div.signform ul.nav li.close {width:50px;cursor:pointer;}

div.signin div.login {float:left;width:100%;padding:0;font-size:11px;}
div.signin div.login label {float:left;width:100px;text-align:right;padding:0 5px 0 0;}
div.signin div.login p {float:left;width:100%;padding:0 0 10px 0;}
div.signin div.login p.cta {padding:20px 0 0 0;}
div.signin div.retrieve {float:left;width:100%;padding:0;font-size:11px;}
div.signin div.retrieve p {float:left;width:100%;padding:0 0 5px 0;}

/* registration form */
div.register {float:left;width:758px;height:400px;background:url(/images/backgrounds/register.gif) no-repeat;}
div.register div.entry {padding:0 8px 0 15px;}
div.register div.entry ul.nav {float:left;padding:0 0 10px 0;margin:0px;overflow:hidden;}
div.register div.entry ul.nav li {float:left;list-style-type:none;display:inline;}
div.register div.entry ul.nav li.title {width:685px;}
div.register div.entry ul.nav li.close {width:50px;cursor:pointer;}
div.register div.entry p {padding:0 0 15px 0;}
div.register div.entry label {float:left;width:115px;text-align:right;font-size:11px;}
div.register div.entry span {width:65px;text-align:right;font-size:11px;margin-top:-2px;}
div.register div.entry div.access {height:80px;}
div.register div.entry div.access div.copy{float:left;width:140px;height:80px;font-size:12px}
div.register div.entry div.access div.list {float:left;width:595px;height:80px;}
div.register div.entry div.access div.list li {list-style-type:none;} 
div.register p.success {padding:0 0 0 15px;}


/* send to a friend form */
div.staf {float:left;width:489px;height:353px;background:url(/images/backgrounds/staf.gif) no-repeat;overflow:hidden;}
div.staf div.stafframe {float:left;padding:0 16px;}
div.staf div.stafframe ul.nav {float:left;padding:0 0 10px 0;margin:0px;overflow:hidden;}
div.staf div.stafframe ul.nav li {float:left;list-style-type:none;display:inline;}
div.staf div.stafframe ul.nav li.title {width:407px;}
div.staf div.stafframe ul.nav li.close {width:50px;cursor:pointer;}

div.staf div.stafframe div.stafcpy {float:left;width:277px;height:220px;}
div.staf div.stafframe div.stafimg {float:left;width:180px;height:220px;}
div.staf div.stafframe div.stafimg img {margin:0 0 0 7px;}
div.staf div.stafframe div.stafcpy p {padding:0 0 8px 0;}
div.staf div.stafframe div.stafcpy p label {float:left;width:85px;text-align:right;font-size:11px;}
div.staf div.stafframe div.stafcpy p.break {padding:0 0 15px 0;} 

div.staf div.stafframe div.stafimg p {text-align:center;padding:0px;}
div.staf div.stafframe div.stafimg b {color:#bd0000;}

/* main recipe pop-up */
body#recipe {font-size:11px;}
.card {width:758px;margin:0 auto;position:relative;}
.card div.wrapper {margin:0;padding:0;}
p.cta {text-align:center;}
div.rating {text-transform:uppercase;line-height:20px;height:20px;font-size:11px;font-weight:bold;padding:3px 5px;margin:0px;color:#000000;overflow:hidden;}
div.rating img {margin:1px 0 0 0;}

.card div.wrapper h1 {font-size:20px;padding:5px 5px;margin:0px;}
.card div.wrapper h2 {font-size:11px;text-transform:uppercase;margin:0px;padding:5px 5px;}
.card div.wrapper h3 {font-size:12px;margin:0px;padding:5px 5px;text-transform:none;}

#slickbox{background:#ffffff;height:325px;position:absolute;top:25px;left:148px;}

div.wrapper div.recipecard {float:left;width:758px;height:400px;background:url(/images/backgrounds/register.gif) no-repeat;}
div.recipecard div.content {padding:2px 8px 0 8px;}
div.recipecard div.content ul.nav {float:left;padding:0 0 10px 0;margin:0px;overflow:hidden;}
div.recipecard div.content ul.nav li {float:left;list-style-type:none;display:inline;}
div.recipecard div.content ul.nav li.title {width:685px;}
div.recipecard div.content ul.nav li.close {width:50px;cursor:pointer;}

div.content div.main {float:left;width:100%;height:340px;}
div.main div.product {float:left;width:140px;}
div.main div.product div.detail {float:left;width:600px;height:370px;color:#ffffff;background:url(/images/backgrounds/productdetail.gif) no-repeat top right #ffffff;overflow:hidden;}
div.product div.detail div.prdimg {float:left;width:355px;height:290px;text-align:right;border-bottom:0px solid green;overflow:hidden;}
div.product div.detail div.prdimg img {margin:20px 0 0 0;}
div.product div.detail div.prdcpy {float:left;width:245px;height:290px;border-bottom:0px solid green;overflow:hidden;}
div.product div.detail div.prdcpy h1 {padding:50px 0 0 0}
div.product div.detail div.prdcpy table {width:200px;}
div.product div.detail div.prdcpy td {padding:0 5px 0 5px;}

div.main div.recipecnt {float:left;width:588px;height:320px;overflow:auto;border:2px solid #000;}
div.main div.recipecnt td {padding:0 0 0 5px;}
div.main div.recipecnt div.direction {}
div.main div.recipecnt div.direction td {padding:0 0 15px 5px;}

/* product pop-up
div.recipecnt div.prdcpy {float:left;width:275px;height:330px;border-top:1px solid #000000;border-left:1px solid #000000;border-bottom:1px solid #000000;overflow:hidden;color:#5d5b5b;overflow:hidden;}
div.recipecnt div.prdcpy h1 {font-size:20px;padding:5px 5px 20px 5px;margin:0px;}
div.recipecnt div.prdcpy ul {margin:0 0 0 20px;}

div.recipecnt div.prdimg {float:left;width:375px;height:330px;border-top:1px solid #000000;border-right:1px solid #000000;border-bottom:1px solid #000000;overflow:hidden;color:#5d5b5b;overflow:hidden;}
div.recipecnt div.prdimg img {width:375px;height:199px;} */
