/* font-sizes 
font-size:0.916em; - 11px
font-size:1.083em; - 13px
font-size:1.167em; - 14px
font-size:1.250em; - 15px
font-size:1.333em; - 16px
font-size:1.416em; - 17px
font-size:1.500em; - 18px
*/


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;background:#fff no-repeat 0 0;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:3px 6px;margin-bottom:1em;border:2px solid #ddd; font-weight:700; font-size:11px;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#e6ff94;color:#264409;border-color:#b2d348;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}






/* helping styles */
.spacer {	clear:both;	font-size:0;}
.hide, hr, span#pageTitle {	display:none;	height: 0;	width: 0;	overflow: hidden;	position: absolute;}

/* Global clear float fix */
.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: ".";	clear: both;	height: 0;	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/* Global IR code IR (Image Replacement )*/
.replace{      position:relative;      margin:0; padding:0;      /* \*/      overflow: hidden;      /* */}
.replace span{      display:block !important;      position:absolute !important;     top:0;      left:0;      z-index:1;}
*>html .clearfix {height: auto;}

/* Hides from IE-mac \*/
* html #container, * html .clearfix {height: 1%;} 
/* End hide from IE5/mac */
/* general */
body {background:#b2d348; color:#f60; font-family:"Helvetica Neue", Helvetica, "Gill Sans", Calibri Tahoma, Geneva,  Arial, sans-serif;}

#container {width:1000px; background: #fff url(../headerimages/container-bg.gif) repeat-y top right; margin:0 auto; position:relative; }
#header {height:103px; background:#ef7822; float:left; display:inline; width:780px; position:relative; border-bottom:1px solid #eba968;}
#content {background: #fff; float:left; display:inline; width:740px; padding:20px; position:relative;  }

#catics-azapi {background: transparent; clear:both; width:1000px; position:relative;}

#sidecontent {background: transparent url(../headerimages/sidebar-bg.png) no-repeat 0 0;float:right; display:inline; width:200px; color:#fff; padding:20px 10px 20px; }
#footer {clear:both; width:1000px; height:90px; background: #a85117 url(../headerimages/body-bg.jpg) repeat 0 0; color:#fff; }
#footer a {color:#fff;}
sup ,sup .cufon-alt {padding:0!important; margin:0!important; font-size:7px!important;}

/* header */
#tagline {position:absolute; top:5px; left:255px; width:500px;}
#tagline h2 {color:#fff; text-align:center; font-size:20px; font-weight:700; padding:0; margin:0;}
#tagline strong{color:#fce0cc;}

/* nav */
#nav {position: absolute; bottom:10px; left:245px; width:550px;}
#nav ul {list-style:none; margin:0; padding:0; width:550px;}
#nav ul li {list-style:none; margin:0; display:inline; padding:0 5px; border-right:1px solid #fac7a3;}
#nav ul li.last {border:0;}
#nav ul li a {color:#fac7a3; text-decoration: none; font-size:15px; font-family:Rockwell, Arial, sans-serif; white-space:nowrap; border-bottom:2px solid #ef7822;}
#nav ul li a:hover {text-decoration: none;color:#fff;border-bottom:2px solid #fff;}
#nav ul li.selected a {color:#fff;border-bottom:2px solid #fff; font-weight:700;}
#nav ul li a em {font-style:normal}

/* logo */
#logo {position: absolute; bottom: 10px; left: 20px; height:69px; width:201px; visibility:visible!important;}
#logo span {height:69px; width:201px; color: #ef7822; background: transparent url(../headerimages/foodle-logo.gif) no-repeat 0 0;}
h1#logo a, #pageTitle{font-size:0px; cursor: pointer; text-indent:-9999px; color: #ef7822;}

/* content */
#content {min-height:500px;position:relative; }
#page4 #content {padding:0 20px 20px 20px!important;}
* html #page4 #content {padding:20px!important;}
*+html #page4 #content {padding:20px!important;}
#page8 #content {background: transparent url(../headerimages/faq-bg.jpg) no-repeat 100% 60px;}
#page9 #content {background: transparent url(../headerimages/contact-bg.jpg) no-repeat 100% 60px;}

#content h1 {color:#b2d348; font-weight:700;font-size:40px; padding:0; margin:0 0 20px 0;}
#content h2 {color:#b2d348; font-weight:700;}
#content h3 {color:#b2d348;}
#content h4 {color:#ef7822; font-size:16px; font-weight:700; margin-bottom:10px;}
#content h5 {color:#b2d348; font-size:14px;}
#content strong, #content em {color:#7fa424;}
#content form label{color:#7fa424;}
#content a {color:#EF7822; text-decoration:underline;}
#content a:hover {color:#EF7822; text-decoration:none;}
a:focus {border:0;  text-decoration:none;-moz-outline-style: none;outline-style: none}

#content-links {height:215px;position:relative; margin-top:20px;clear:both;}

#content-link1 {position:absolute; z-index:1000; left:550px; width:236px; height:217px; background: transparent url(../headerimages/applepepper.png) no-repeat 0 0;}
#content-link2 {position:absolute; z-index:1002; left:470px;}
#content-link2 a {display:block;width:134px; height:132px;}
#content-link3 {position:absolute; z-index:1003;left:300px; }
#content-link3 a {display:block;width:199px; height:173px;}
#content-link4 {position:absolute; z-index:1001; left:0; width:323px; height:164px; background: transparent url(../headerimages/strawberries-board.png) no-repeat 0 0;}



/* main content */
#maincontent ol li {color:#7fa424;}
#maincontent form textarea, #maincontent form input[type=text], #maincontent form input[type=password]{border:1px solid #b2d348; padding:3px; background:#f4f4f4; margin-right:10px;}

table { border-collapse:collapse; border-width:0; empty-cells:show; font-size:1em; margin:0 0 1em; padding:0;}
td, th {border:1px solid #ccc; padding:6px 12px; text-align:left; vertical-align:top; background:#fff;}
th {background-color:#b2d348; color:#fff;}

* html #maincontent ol {margin-left:0;}
*+html #maincontent ol {margin-left:0;}
* html #maincontent ol li {margin-left: 25px;display: list-item;}
*+html #maincontent ol li {margin-left: 25px;}

#page4 #maincontent {}
#page4 #maincontent h1 {font-size:30px; width:235px; margin-bottom:10px; padding:0;}
#page4 #maincontent h4 {font-weight:700;width:235px;}
#page4 #maincontent ol {width:235px; margin-right:0; padding-right:0;}
#page4 #maincontent .typeA img {padding:0 0 20px 0; float:right; margin:0;}

#page5 #maincontent {}
#page5 #maincontent h1 {font-size:30px; width:235px; margin-bottom:10px; padding:0; height:45px;}
#page5 #maincontent h4 {font-weight:700;width:235px;}
#page5 #maincontent ol {width:235px; overflow:auto;}
#page5 #maincontent .typeA img {padding:0 0 20px 20px; float:right; margin:0;}

#page7 #maincontent {}
#page7 #maincontent .list-items{overflow:auto;}
#page7 #maincontent .list-items .list-item{margin-bottom:10px; float:left; display:inline; width:720px;}
#page7 #maincontent .list-items .list-item img {float:left; display:inline; width:200px;}
#page7 #maincontent .list-items .list-txt{float:right; display:inline; width:500px}
#page7 #maincontent .list-items  h3 {margin-bottom:0;}
#page7 #content h4 {color:#b2d348;}
#page7 #maincontent .list-items .nr2 p, #page7 #maincontent .list-items .nr4 p, #page7 #maincontent .list-items .nr6 p, #page7 #maincontent .list-items .nr8 p,#page7 #maincontent .list-items .nr10 p{color:#7fa424!important;}

#page7 #maincontent .list-items .list-item ul li img{float:none; width:auto;}

#page8 #maincontent {}
#page8 #maincontent #txtA13 {width:370px; overflow:auto;}

#page9 #maincontent {padding-bottom:0px;}
* html #page9 #maincontent {padding-bottom:90px;}
#page9 #maincontent form textarea {height:150px; width:350px;}

#frmTell {xmargin-bottom:100px;}

#page12 #content, #page13 #content {background: transparent url(../headerimages/fundi-bg2.jpg) no-repeat 30px 20px;}
#page12 #maincontent, #page13 #maincontent  {xpadding-bottom:100px; padding-left:220px;}
#page12 #maincontent form, #page13 #maincontent form {margin-bottom:20px;}
#page12 #maincontent form, #page12 #maincontent .typeA, #page13 #maincontent form {float:left; display:inline; width:400px;}
#page12 #maincontent form textarea, #page13 #maincontent form textarea { height:100px; width:450px;}
#page12 #content-link2, #page13 #content-link2 {display:none;}
#page12 #content-links, #page13 #content-links {margin-left:-220px;}

#q15 #content, #q32 #content {background: transparent url(../headerimages/quiz-bg3.jpg) no-repeat 100% 0;}
#q15.thanks #content, #q32.thanks #content {background: transparent url(../headerimages/quiz-bg3.jpg) no-repeat 100% -175px;}
#q15 #content-link3, #q32 #content-link3 {display:none;}

#maincontent ul.qQuestions, #q15 #maincontent ul.qQuestions li {list-style:none; padding:0; margin:0;}
#maincontent ul.qQuestions li {color:#fff; margin-bottom:5px; width:350px; padding-bottom:50px; background:#f58031 url(../headerimages/card-bg.gif) no-repeat bottom right!important;}
#maincontent ul.qQuestions li p {font-size:15px; font-weight:700; padding-top:20px; margin:0 20px 0 20px;}
#maincontent ul.qQuestions li.missed {border:5px solid #900;}
#maincontent ul.qQuestions li ul {padding:0 0 10px 0; margin:0; background: transparent;}
#maincontent ul.qQuestions li ul li {border:0;padding:0; margin: 0 20px; width:auto; background: transparent!important;}
#maincontent ul.qQuestions li ul li p {display:inline;font-size:12px; font-weight:300; margin:0; background: transparent;}

#content #qStartFrm {color:#fff; margin-bottom:20px; width:310px; padding:20px 20px 50px 20px; background:#f58031 url(../headerimages/card-bg.gif) no-repeat bottom right!important;}
#content #qStartFrm p {padding:0; margin:0;}
#content #qStartFrm .text {border:1px solid #fff; width:280px;}
#content #qStartFrm label {color:#fff; display:block;}

#page26 #content {background: transparent url(../headerimages/quiz-bg3.jpg) no-repeat 100% -200px;}


/* shopping */
#page16 #content {}
#page16 #maincontent {}
#page16 #sidecontent, #page20 #sidecontent {padding-top:10px;}
#page16 #sidecontent #topAd {margin:0;}
#page16 #buy {display:none;}
#basketnav {text-align:right; padding-bottom:20px; margin-bottom:20px;}
#page16 .listingBreadcrumb, #page16 #buttClearBasket {display:none;}
#page16 #prod-list, #page16 #prod-list li {list-style:none; margin:0; padding:0;}
#page16 #prod-list {overflow:auto;padding:0 20px 20px 20px;}
#page16 #prod-list li {float:left; display:inline; width: 45%; text-align:center;}
#page16 #prod-list li img {padding:10px; background:#fff;}
#page16 #prod-list li h5 {margin:0;}
#page16 #prod-list li .qty, .qty input { text-align:center;}

#page16 #maincontent form {position:relative;}
#page16 #maincontent form td, #page16 #maincontent form th{ text-align:right; vertical-align: middle;}
#page16 #maincontent form td.desc, #page16 #maincontent form th.desc{ text-align:left; width:300px;}
#page16 #maincontent form td.gtotal {font-weight:700; text-transform:uppercase}
#page16 #maincontent form td.pic, #page16 #maincontent form td.qty, #page16 #maincontent form th.qty { text-align:center;}

#page16 #maincontent form.notLoggedIn #buttUpdate {position:absolute; bottom:-24px; right:105px;}
#page16 #maincontent form.loggedIn #buttUpdate {position:absolute; bottom:0; right:0;}
*+html #page16 #maincontent form.loggedIn #buttUpdate {bottom:20px;}

#page16 table#payment, #page16 table#payment td {border:0; padding:0; margin:0; background:transparent;}
#page16 table#payment td {text-align:right;}



#page16 #maincontent fieldset {border:0; background:transparent; border-top:1px solid #000; padding:0;}
#page16 #maincontent fieldset legend {margin:0; padding:5px 10px 0 0; background:transparent; margin-left:0;  color: #000;  font-weight: bold;margin-bottom:10px;}

#page16 #maincontent fieldset fieldset, #page16 #maincontent fieldset fieldset legend {background:#eff6da; border-top:0; padding:10px;}
#page16 #maincontent fieldset fieldset textarea {width:300px; height:80px;}
#page16 #maincontent #frmLogin .submit, #page16 #maincontent #frmRegister .submit{padding:3px 6px;font-weight:700;}
#page16 #maincontent #frmLogin .submit {margin-top:10px;}

#frmLogin{float:right; display:inline; width:49%;}
#frmRegister {float:left; display:inline; width:49%; margin-bottom:30px;}

#registrationCompanyFieldset label {display:block;}
#page16 #maincontent fieldset fieldset legend { color:#ef7822; margin-bottom:0; padding-bottom:0;}
#page16 #maincontent fieldset span.req {font-weight:300; color:#900; font-size:11px;}
.side-basket {border:1px solid #fff; padding:5px;}

#page16 #maincontent #giftMessageBoxDiv label{font-size:11px;}

#page16 #maincontent #giftMessageDiv {display:none; background:#fff;border:1px solid #B2D348;padding:20px; margin-bottom:20px;}
#page16 #maincontent #giftMessageDiv.edityes { display: block; }
#page16 #maincontent #giftMessageDiv label {display:block;}
#page16 #maincontent #giftMessageDiv textarea {height:100px;}


#address {overflow:auto;border:1px solid #B2D348; padding:20px; background:#fff; font-size:11px;}
#address h4 span{font-size:11px;margin-left:5px;}
#address textarea {width:250px; height:100px;font-family:arial; font-size:11px;}
#addressDelivery textarea, #addressBilling textarea {width:131px;height:30px;}
#address label {float:left;display:inline;width:150px;}

/* #address br{display:none;} */
#page16 #compBusinessECommCartSummary {overflow:auto;}
* html #page16 #address {clear:both; height:1%;}

.compBusinessECommthankyou #address br, .compBusinessECommtranshistory #address br{display:block;}
#address p{margin:0; padding:0;overflow:auto; border-bottom:1px dotted #ccc;}
#addressDelivery, #addressBilling {float:left; display:inline; width:330px;}
#addressBilling{float:right; position:relative;}
#addressDelivery input, #addressDelivery textarea, #addressDelivery select, #addressBilling input, #addressBilling textarea, #addressBilling select{font-family:arial; padding:0; border:0;overflow:hidden; font-size:11px;}

#page16 #maincontent .editno input, #page16 #maincontent .editno textarea, #page16 #maincontent .editno select {border:1px solid #fff; background:#fff;}
#page16 #maincontent .edityes input, #page16 #maincontent .edityes textarea, #page16 #maincontent .edityes select {border:1px solid #7FA424;}

#page16 #maincontent #copyDAddressP {position:absolute; top:0; right:0;}
#page16 #maincontent #copyDAddress {width:auto!important; display:inline;}
#page16 #maincontent #copyDAddressLabel {display:inline; float:none; width:auto;}

#page16 #maincontent #voucherNrDiv {margin-bottom:20px; height: 20px;}
#page16 #maincontent #voucherNrDiv label, #page16 #maincontent #voucherNrDiv input {display:none;}

#page16 #maincontent #payment td {overflow:auto; text-align:right;}
#page16 #maincontent #payAlt{float:left; display:inline; width:200px; text-align:left;}
#page16 #maincontent #payCC {float:right; display: inline; width:200px; text-align:right; }

#page16 #maincontent label.error {color:#900;}
*+html #page16 #maincontent input {margin:0!important;}

#page16 #maincontent #prod-img {float:right; display:inline; width:250px; margin-right:20px;}
#page16 #maincontent #prod-img img {padding:10px; background:#fff;}
#page16 #maincontent #prod-info {float:left; display:inline; width:400px;}

ul.error {list-style:none; padding:5px; margin-left:0;margin-right:0;}
ul.error, ul.error li {list-style:none; font-weight:700;}


#page19 #maincontent {padding-bottom:130px;}

#captchaImg { margin:0 0 -6px 0; padding:0; }


/* side content */
#sidecontent {min-height:400px; position:relative; padding-top:160px;}
* html #sidecontent {padding-top:200px;}
#sidecontent a {color:#1f2b02; text-decoration:none;}
#sidecontent a:hover {color:#54710e; text-decoration:underline;}

#topAd #buy {position:absolute; top:-20px; right:-20px; z-index:2000!important; width:263px; height:201px;}
#topAd #buy a{display:block; width:263px; height:201px;}

#topAd, #sidecontent .sb_section {margin-bottom:30px;}
#topAd p, #sideAd p{margin:0 0 3px 0; padding:0;}
#sidecontent h3 {font-size:25px;color:#fff; font-weight:700;xfont-family:Rockwell, Arial, sans-serif;margin-bottom:3px;}
#sidecontent h4 {color:#fff; font-weight:700; font-size:14px; margin-bottom:5px; padding:0;}

/* footer */
#footerUser { position:absolute; bottom:10px; right:5px;z-index:1006;}
#footerUser p {margin:0; padding:0; font-size:11px;}
#footerUser a {text-decoration:underline;}
#footerUser a:hover {text-decoration:none;}
#footerUser a em {font-style:normal;}


#page30 #content{background: #fff url(../headerimages/soup.jpg) no-repeat 100% 100px;}
.flash-replaced .alt {display: block;height: 0;position: absolute;overflow: hidden;width: 0;}
h3 {font-size: 3em;}