body { margin:0; padding:0; background:url(images/bg.jpg) repeat-x #282628; color:#333; font-size:12px; line-height:180%; font-family:Helvetica, Arial, sans-serif; text-align:center;}
img { border:0;}
form,input { margin:0; padding:0;}
input.cat_textbox,input.cat_textbox_small { border:1px #999 solid; width:200px; padding:10px}
input.cat_search { width:136px; padding:6px; background:transparent; border:0; color:#333; font-size:11px;}
textarea { border:1px #999 solid;}
ul { margin:0 0 20px; padding-left:20px;}
li { margin:0; padding:0;}
h1,h2 { margin:5px 0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; color:#333; font-size:38px; line-height:38px; font-style:italic; font-weight:normal; letter-spacing:-1px;}
h2 { color:#009FC5; font-size:19px; line-height:20px;}
h2 a { color:#009FC5; font-size:19px; line-height:20px; text-decoration:none}
p { margin:12px 0;}
a { color:#333; text-decoration:underline;}
a:hover { color:#000;}
.red a { color:#DA222E;}
.red a:hover { color:#981820;}
div { margin-right:auto; margin-left:auto; text-align:left;}
.title { font-size:19px; line-height:25px; font-weight:bold;}
table tr {vertical-align:top;}

.clearer { clear:both;margin:0;padding:0;height:0;line-height:0;font-size:0;overflow:hidden;}
.normal { font-weight:normal; font-size:12px; line-height:180%; font-family:Helvetica, Arial, sans-serif;}
.small { font-size:11px;}

/*container*/
#container { width:1000px; background:white;}

/*top*/
#top { position:relative; margin:0 0 3px 9px; width:984px; height:147px; background:url(images/top_bg.jpg) repeat-x;}
#top div { position:absolute;}
#top-logo { top:33px; left:15px;}
#top-search { position:absolute; padding:3px; top:89px; right:15px; width:179px; height:27px; background:url(images/search.jpg) no-repeat;}
#top-search input {font-style:italic; font-size:12px}
#top-search div { position:relative; float:left; margin-left:2px; display:inline;}
#top-subscribe { top:87px; right:-35px;}
#top-member { bottom:0; right:215px; padding-left:11px; width:121px; width:132px; height:23px; line-height:22px; background:url(images/tab_member.jpg) no-repeat; font-size:11px; font-weight:bold;}
#top-member a { color:#009FC5; text-decoration:none;}
#top-member a:hover { color:#0378AB;}
#top-menu { bottom:0; right:20px;}
#top-menu div { position:relative;}

#ad-top {position:absolute; top:5px; right:20px; height:74px; width:561px; overflow:hidden;}

#top-announce { top:1px; right:-34px; width:288px; height:77px; overflow:hidden;}
#top-announce-bg { top:0; left:0;}
#top-announce-text { top:18px; right:47px; width:212px; text-align:right;}
#top-announce-view { top:51px; right:47px; font-size:11px;}
#top-announce-text div { position:relative; text-align:right; color:#DA222E; line-height:150%;}
.annnounce {}

/*menu*/
#menu { margin-left:9px; width:984px; height:46px; background:#F0F0F0;}

/*home-header*/
#header { margin:2px 0 4px 9px; width:984px; height:289px;}
#header-left { float:left; position:relative; width:526px; height:289px; background:url(images/HOME.jpg) no-repeat;}
#header-left-link { position:absolute; top:0; left:0;}
#header-box { position:absolute; top:-7px; left:236px;}
#header-text { position:absolute; top:87px; left:277px; width:212px; font-size:11px; line-height:150%;}

#header-right { position:relative; float:right; width:264px;}
#header-flash {}
#header-misc1 { position:absolute; top:112px; left:207px;}
#header-misc2 { position:absolute; top:175px; left:149px;}
#header-right-link { position:absolute; top:0; left:0;}

/*home*/

#home-new {width:960px; margin:20px 20px 0px 20px}
#home-new h1 {font-size:32px;}
#home-new h2 {margin:0px; padding:5px 0px; line-height:normal; color:#009ddc; border-bottom:1px solid #009ddc; font-size:22px; font-weight:normal;}
#home-new h2.orange {color:#fa7a2c; border-bottom:1px solid #fa7a2c; }
#home-new a {color:#009ddc;}

td.home-new-bottom  {padding:10px 20px 10px 10px; margin:10px; width:330px;}

#home-find-a {background:#f7f7f7; border:1px solid #e0e0e0;}
#home-find-a h3 {background:#4e1e96; color:#FFFFFF; font-weight:normal; font-style:italic; padding:8px 5px 5px 15px; margin:10px 0px 10px 0px; width:100px; line-height:normal; font-family:Georgia, "Times New Roman", Times, serif;font-size:22px;}



#home-find-a h2 { color:#000000; border-bottom:2px #CCCCCC solid; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; font-size:22px; }
#home-find-a .grocery-ll {width:280px; margin:0px; padding:0px;}
#home-find-a .grocery-ll .grocery-ll-area {display:none;}
#home-find-a .grocery-list {width:300px; background:none; border:none; margin:0px; padding:0px;}
#home-find-a .grocery-ll-name h1, #home-find-a .grocery-ll-name h2, #home-find-a .wl-info h2  {font-size:17px; font-weight:normal; color:#4e1e96; background:#f7f7f7; margin:0px 0px 10px 0px; padding:0px; border:none; line-height:normal; text-indent:0px; font-style:normal;}
.home-find-a-individual {float:left; width:280px; margin:0px 10px 0px 0px; padding:10px;}
.home-find-a-individual img {position:absolute; bottom:0px; right:0px;}
.home-find-a-individual .grocery-ll-summary {margin:0px; padding:0px;}
.home-find-a-individual .grocery-lr-list {display:none;}
.home-find-a-individual .wl-view {display:none;}
.home-find-a-individual, .home-find-a-individual .grocery-ll-summary {font-size:12px; line-height:1.7}

#home-diagnosed {background:#fff4e5; width:400px; float:left; margin:0px 0px 12px 50px;}
#home-diagnosed p { padding:0px 10px;}
#home-diagnosed h2 {background:#ff6f16; padding:10px;margin:10px 0px 0px 0px; color:#FFFFFF; border:none; font-size:18px; width:175px;}
#home-diagnosed a {color:#ff6f16;}

#home-announcements {background:url(images/bg-take-note.jpg) repeat-y; float:left; width:360px; position:relative; padding:70px 20px 10px 20px; margin:0px 0px 10px 50px;}
#home-announcements .take-note-title {left: -41px;position: absolute;top: -6px;}
#home-announcements .announcement-item {background:url(images/bg-take-note-item.jpg) repeat; margin:0px 0px 10px 0px; padding:4px;}
#home-announcements .announcement-item a {color:#000000; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; }


#home-subscribe { margin:0; padding:4px 0px; background:#FFF; height:90px;}
#home-subscribe-text { padding:3px 0px;}
#home-list { margin:0; padding:0; list-style:none; overflow:hidden; width:300px;}
#home-list li { float:left; margin:5px 20px 5px 0px; height:26px; line-height:26px; display:inline;}
#home-list input { background:#fee4d5; border:0; padding:5px; width:186px;}
.home-list-left { width:30px;}
.home-list-right { width:200px; background:#fee4d5; float:left}
#home-submit { margin:5px 0 0 100px;}


#home-search {margin:0px 0px 15px 0px; float:left;}
#home-search img {float:left; margin:0px 0px 0px 139px;}
#home-search img.home-cafe {float:left; margin:0px 0px 0px 120px;}


#home-left { float:left; margin-left:9px; width:262px; display:inline;}
#home-ad { margin:4px 0; height:234px;}
#home-ad-link { padding-right:5px; text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

#home-mid { float:left; margin-left:4px; width:260px; display:inline; background:url(images/home_bg_mid.jpg) repeat-x; font-size:11px; line-height:150%;}
#home-mid-text { padding:10px 20px; height:154px;}
#home-mid-subscribe { margin:0; padding:4px 10px; background:#B5CEA8; height:187px; overflow:hidden;}
#home-mid-subscribe-text { padding:3px 10px;}
#home-mid-list { margin:0; padding:0; list-style:none; overflow:hidden;}
#home-mid-list li { float:left; margin:5px 0 5px 10px; height:26px; line-height:26px; display:inline;}
#home-mid-list input { background:transparent; border:0; padding:5px; width:156px;}
.home-mid-list-left { width:30px;}
.home-mid-list-right { width:180px; background:url(images/input_bg.gif) no-repeat;}
#home-mid-submit { margin:5px 0 0 130px;}

#home-right { float:right; margin-right:9px; display:inline; position:relative; width:264px;background:url(images/home_bg_right.jpg) repeat-x; font-size:11px; line-height:150%;}
#home-right-title { padding:10px;}
#home-right-rss { position:absolute; top:15px; left:225px;}
#home-right-list { margin:0; padding:0; list-style:none; overflow:hidden;}
#home-right-list li { float:left; margin:6px 0 6px 10px; display:inline;}
.home-right-list-left { clear:both; width:45px; height:26px; background:url(images/new.gif) no-repeat;}
.home-right-list-right { width:188px;}
.home-right-list-right h2 { margin-top:0px;}
#home-right-link { clear:both; margin:5px 0 0 64px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic;}

#bottom { clear:both; height:30px; background:url(images/bottom_bg.jpg) bottom repeat-x;}

/*inner*/
#inner-header { margin:2px 0 0 9px; width:984px;}
#inner-header-left { float:left; width:718px; background:#681e05;}
#inner-header-right { float:right; width:266px}

#inner-left { float:left; margin:10px 45px 0 0; width:200px; display:inline;}
#inner-title { margin:5px 0 15px 20px;}
#inner-title h1 { color:#63A8DB;}
#inner-menu {}
#inner-related { margin-top:10px; border-top:1px solid #000;}
#inner-related-text { padding:10px 0 0 25px;}
#inner-ad { margin:25px 0 5px; height:93px;}
#inner-ad-link { text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

#inner-right { float:left; margin-top:10px; width:640px;}
#print { padding-left:33px; height:40px; background:url(images/print.gif) no-repeat; line-height:28px; font-size:11px;}
#print a { color:#000; text-decoration:none;}
#print a:hover { color:#333;}

/*recipes*/
#recipes-name { margin:15px 0 0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; color:#333; font-size:20px; line-height:38px; font-style:italic; font-weight:normal; letter-spacing:0px;}

/*footer*/
#footer { clear:both; background:url(images/footer.jpg) repeat-x #009FC5; width:100%; font-size:11px; color:white; line-height:150%; overflow:hidden;}
#footer h1{ color:white;}
#footer table tr {vertical-align:top;}
#footer table tr td {padding:10px;}
#footer a { color:white;}
#footer a:hover { color:#ddd;}
#footer-content {  padding: 0px 15px;width: 978px;}
.footer { float:left; margin:25px; width:220px; display:inline;}
#footer-logo { clear:both; float:left; margin-left:17px; height:100px;}
#footer-joi { float:right; margin-top:20px; padding-left:2px; border-top:1px solid white; height:45px; width:246px; line-height:40px;}

/*menu class*/
.menu-off,.menu-over,.menu-on { font-family:Helvetica,Arial,sans-serif; font-size:13px; color:#330000; text-align:center;}
.menu-over { color:#999; cursor:pointer;}
.menu-on { background: #FFFFFF;
    color: #009FC5;}

.menu-off1,.menu-over1,.menu-on1 { font-size:11px; color:white; text-align:center; font-weight:bold;}
.menu-over1 { color:#ddd; cursor:pointer;}
.menu-on1 { color:#CC222F;}

.submenu-off,.submenu-over,.submenu-on { font-size:11px; color:#000; padding-left:25px;}
.submenu-over { color:#000; cursor:pointer;}
.submenu-on { color:white; background:url(/images/arrow.gif) right no-repeat #63A8DB;}

.disclaimerBox{font-size:11px;line-height:13px;margin-top:20px;}

/** ONLINE STORE STYLES **/

table.productTable {
	float:left;
}

.shop-product-small h3 {
	margin:0px 0px 10px 10px;
}

.shop-product-small h3 a {
	text-decoration:none;
}

.shop-product-small .image {
	height:160px;
	width:auto;
	margin:10px auto;
}

.shop-main .breadcrumbs {
	width:320px;
}

.shop-main {
	width:731px;
}

.comment-container .content {
	background: #e5f3f8;
}

.comment-form input.cat_textbox_small, .comment-form textarea {
	padding:10px;
}

table.cart {
	font-size:12px;
}

input#DiscountCode, input#GiftVoucher, input.cartInputText {
	padding:2px;
}

div.form div.item, div.webform div.item {
	float:left;
	width:300px;
	min-height:59px;
}

div.comment-form form div.form div.item input.cat_textbox_small {
	width:190px;
}

div.comment-form div.comments div.item  {
	float:left;
	width:600px;
}

div.form {
	float:left;
	width:678px;
}

.comment-form {
	float:left;
}

.policies {
	background:#ededed;
	text-align:center;
	border:#CCC 1px solid;
	float:left;
	margin:20px 0px;
}

.policies:hover {
	border:#0099CC 1px solid;
}

.policies a {
	padding:10px;
	margin:10px 0px;
	text-decoration:none;
	width:717px;
	float:left;
}


