/* CSS Document */

/* Color Swatches
Blue: #04a9fc
Dark Blue: #146ead
Green: #6fa71e
Dark Green: #4a8430

/* RESET STYLES FOR ALL BROWSERS */
html, body, p, ul, ol, li, h1, h2, h3, h4, div, span, table, form { margin:0; padding:0; }
body { font-family:Arial, Helvetica, sans-serif; background:#92d8fa url(/images/bg_body.jpg) repeat-x top;	 color:#323232; font-size:100%; margin-bottom:10px; }
img { border:none; }
blockquote { quotes: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a:link, a:visited { color:#146ead; font-weight:bold; text-decoration:underline; cursor:pointer; }
a:hover, a:active { color:#6fa71e; text-decoration:none; }

/* Page Container */
#container { width:960px; margin:0 auto; padding:0 0 10px; text-align:center; }
/* Page masthead */
#header { margin:0; padding:0 0 0 10px; height:135px; width:950px; background:url(/images/bg_header.jpg) no-repeat; text-align:left; }
#header #headerTagLine { color:#146ead; font-size:14px; font-weight:bold; margin:0; padding:0 0 0 8px; line-height:14px; }
#header img { vertical-align:bottom; padding-top:8px; }

/* Navigation menu */
#navMenu { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:928px; height:38px; margin:0; padding:0 0 0 30px; border:1px solid #4a8430; background:url(/images/bg_nav_menu.jpg) repeat-x; }
#navMenu ul { list-style-type:none; margin:0; padding:0; z-index:9999; }
#navMenu ul li,#navMenu ul li a { display:block; height:38px; }
#navMenu ul li a { text-indent:-9999px; }
#navMenu ul li { float:left; display:inline; margin:0; padding:0; position:relative; }
#community a { width:114px; background:url(/images/nav_menu.jpg) no-repeat 0px 0px; }
#community a:hover { background-position:0px -38px; }
#allergy-asthma-news a { width:128px; background:url(/images/nav_menu.jpg) no-repeat -114px 0px; }
#allergy-asthma-news a:hover {; background-position:-114px -38px; }
#medical-information a { width:175px; background:url(/images/nav_menu.jpg) no-repeat -242px 0px; }
#medical-information a:hover { background-position:-242px -38px; }
#dining-travel a { width:146px; background:url(/images/nav_menu.jpg) no-repeat -417px 0px; }
#dining-travel a:hover { background-position:-417px -38px; }
#project-allergy a { width:185px; background:url(/images/nav_menu.jpg) no-repeat -563px 0px; }
#project-allergy a:hover { background-position:-563px -38px; }
#cool-stuff a { width:132px; background:url(/images/nav_menu.jpg) no-repeat -748px 0px }
#cool-stuff a:hover { background-position:-748px -38px; }

/* Nav menu drop-down */
#navMenu ul li ul { display:none; margin:0; padding:0; width:190px; position:absolute; left:0px; top:38px; z-index:100; list-style-type:none; border-left:1px solid #4a8430; border-right:1px solid #4a8430; border-bottom:1px solid #4a8430; }
#navMenu ul li ul li { margin:0; padding:0; height:auto; border-top:1px solid #4a8430; }
#navMenu ul li ul li a { width:174px; height:auto; display:block; color:#ffffff; background-color:#6fa71e; background-image:none; text-decoration:none; font-size:12px; line-height:14px; font-weight:bold; text-align:left; padding:6px 8px; margin:0; text-indent:0px; }
#navMenu ul li ul li a:hover { color:#ffffff; background-color:#146ead; }
#navMenu li:hover ul ul, #navMenu li:hover ul {
    display:none;
    }
#navMenu li:hover ul, #navMenu li li:hover ul {
    display:block;
    }
* html #navMenu ul li ul { padding-top:0px; padding-bottom:0px; }

/* Content */
#content { width:928px; padding:15px; margin:0; background-color:#fff; border-left:1px solid #146ead; border-right:1px solid #146ead; border-bottom:1px solid #146ead; }

/* Main Content */
#mainContent { padding:0; margin:0; width:580px; text-align:left; float:left; display:inline; }
#mainContent h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3em; line-height:1.1em; color:#146ead; margin:0 0 5px; padding:0; }
#mainContent h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.2em; line-height:1.1em; color:#6fa71e; margin:0 0 5px; padding:0; }
#mainContent h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.1em; line-height:1.1em; color:#146ead; margin:0 0 5px; padding:0; }
#mainContent h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.1em; margin:0 0 10px; padding:0; }
#mainContent p { font-size:0.8em; line-height:1.3em; margin-bottom:10px; }
#mainContent p.breadcrumb { font-size:0.7em; line-height:1.2em; margin-bottom:18px; padding-bottom:4px; font-weight:bold; }
#mainContent p.breadcrumb a { padding-right:18px; line-height:16px; background:url(/images/bullet_go.png) no-repeat right; }
#mainContent p.printRss { font-size:0.7em; line-height:1.2em; margin-bottom:10px; font-weight:bold; text-align:right; }
#mainContent ul { margin:10px 0 10px 10px; padding-left:10px; list-style-type:none; }
#mainContent ul li { font-size:0.8em;; line-height:1.4em; margin:0; padding:0 0 8px 24px; background:url(/images/pa_bullet.gif) no-repeat 0px 1px; }
#mainContent ol { margin:10px 0 10px 20px; padding-left:10px; }
#mainContent ol li { font-size:0.8em;; line-height:1.4em; margin:0; padding:0 0 8px 8px; background:none; }
#mainContent ul.horizColumns li { float:left; width:220px; margin-right:10px; }

#mainContent td { padding:3px; font-size:12px; }
#mainContent td.label { font-weight:bold; color:#146ead; }

/* Home page content */
#mainContent .homeContent { width:100%; margin-bottom:20px; }
#mainContent .contBorder { border-top:1px solid #d1d1d1; margin-top:20px; padding:10px 0 0; }
#mainContent .contentSummary,
#mainContent .bookSummary { width:100%; margin:10px 0 10px; }
#mainContent .homeContent div.contentSection,
#mainContent .contentSummary div.contentSection,
#mainContent .bookSummary div.contentSection  { margin:0 0 16px 140px; }
#mainContent .homeContent img,
#mainContent .contentSummary img { float:left; width:106px; height:106px; display:inline; padding:1px; border:1px solid #d1d1d1; margin-bottom:10px; }
#mainContent .bookSummary img.bookImg { float:left; display:inline; height:110px; }
#mainContent .homeContent p,
#mainContent .contentSummary p,
#mainContent .bookSummary p { font-size:0.8em; line-height:1.2em; margin:0 0 4px; }
#mainContent .homeContent p.sectHeader { margin-left:120px; }
#mainContent .homeContent p.pubDate,
#mainContent .contentSummary p.pubDate,
#mainContent .bookSummary p.author { font-size:0.7em; font-weight:bold; margin-bottom:2px; }
#mainContent .homeContent p.sectLink { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.0em; color:#6fa71e; margin:0 0 10px; }
#mainContent .homeContent p.sectLink a { color:#6fa71e; text-decoration:underline; }
#mainContent .homeContent p.sectLink a:hover { color:#146ead; text-decoration:none; }
#mainContent .homeContent a.sectHeadLink { margin-top:6px; }
#mainContent .homeContent h1,#mainContent .contentSummary h1 { margin:0 0 4px; padding:0; color:#146ead; font-size:1.1em; }
#mainContent .homeContent h1 a.titleLink,#mainContent .contentSummary h1 a.titleLink { text-decoration:none; }
#mainContent .homeContent h2 { margin:0 0 4px; padding:0; font-size:0.9em; line-height:1.0em; }
#mainContent .homeContent h3 { margin:6px 0 0; padding:0; color:#6fa71e; font-size:1.0em; border-bottom:1px solid #d1d1d1; }
#mainContent p.linkArea { margin-top:6px; }
#mainContent p.linkArea a { font-size:0.9em; color:#6fa71e; text-decoration:underline; background:url(/images/bullet_go.png) no-repeat right; padding-right:18px; }
#mainContent p.linkArea a:hover { color:#146ead; text-decoration:none; }
p.buttonArea a { width:109px; height:22px; display:inline-block; text-indent:-9999px; }
a.readMore:hover { background-position:-109px top; }
a.archives { background:url(/images/btn_content.jpg) no-repeat left -22px; width:109px; height:22px; display:inline-block; text-indent:-9999px; }
a.archives:hover { background-position:-109px -22px; }
#mainContent h2.feedTitle { margin:10px 0 4px 0; padding:0; line-height:1.2em; }

/* Support Groups */
#mainContent .supportGroup { margin:10px 0 0; padding:10px 0 5px; border-top:1px solid #d1d1d1; }
#mainContent .supportGroup h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.0em; line-height:1.1em; color:#6fa71e; margin:0 0 2px; padding:0; }

/* Two across display */
#mainContent .horizDisplay { margin:10px 0 0 10px; padding:5px; width:260px; float:left; }
#mainContent .horizDisplay h3 { font-size:0.9em; padding-bottom:0; margin-bottom:4px; }
/* Image thumb */
.imageHolder {
	width:100px;
	height:73px;
	float:left;
	margin-right:10px;
	border:1px solid #d1d1d1;
	overflow:hidden;
	text-align:center;
}
.imageHolder img {
	border:none;
}

/* Safe food table */
#mainContent table.foodList { border:1px solid #146ead; border-collapse:collapse; margin:10px 0; width:100%; }
#mainContent table.foodList th { margin:0; padding:4px; font-size:10px; font-weight:bold; background:#146ead; color:#ffffff; }
#mainContent table.foodList td { margin:0; padding:8px 4px; font-size:11px; border:1px solid #146ead; color:#000000; }

/* Product reviews */
#mainContent h1.productName { border-bottom:1px solid #146ead; margin-bottom:3px; padding:0 0 3px; }
#mainContent div.disclaimer { border:1px solid #cc0000; padding:5px; margin:16px 0 0; background:#f1f1f1; clear:both; }
#mainContent .disclaimer p { color:#cc0000; font-size:0.7em; padding:0; }
#mainContent p.mfgr { font-size:0.9em; margin:0 0 10px; padding:0; font-weight:bold; }
#amazonCode { float:right; border:1px solid #d1d1d1; margin:0 0 10px 20px; padding:5px; }

/* Product display */
#mainContent .catArea { margin:0 0 14px; padding:6px 6px 8px; }
#mainContent .catArea h2 { font-size:1.1em; color:#ffffff; font-weight:bold; margin:0 0 4px; padding:4px; background:#6fa71e; }
#mainContent .catArea ul { list-style-type:none; margin:0; padding:0; }
#mainContent .catArea li { float:left; display:block; width:174px; padding:5px; margin:2px; text-align:center; background:none; }
#mainContent .catArea p { font-size:0.8em; line-height:1.1em; font-weight:bold; margin:5px 0px 0; padding:0px; color:#323232; }
#mainContent .catArea p.product { font-size:0.9em; line-height:1.2em; font-weight:bold; margin:5px 0 3px; padding:0; color:#146ead; }
#mainContent .catArea li a { display:block; text-decoration:none; border:1px solid #d1d1d1; min-height:200px; height:auto; padding:2px; }
* html #mainContent li a { height:200px; }
#mainContent .catArea img { border:none; margin:3; height:110px; }

/* Prev/Next browsing */
#mainContent p.browsePrevNext { font-size:0.7em; margin:3px 0; text-align:right; }
#mainContent p.browsePrevNext a.nextLink { background:url(/images/btn_next.png) no-repeat right; padding:0 20px 0 5px; }
#mainContent p.browsePrevNext a.prevLink { background:url(/images/btn_previous.png) no-repeat left; padding:0 5px 0 20px; }

/* forms */
fieldset { border:1px solid #d1d1d1; padding:10px; margin:5px 0; }
legend { color:#4a8430; font-size:1.0em; font-weight:bold; margin-bottom:10px; }
label { color:#146ead; font-weight:bold; line-height:1.5em; }
label.error { font-size:0.9em; font-weight:bold; color:#cc0000; margin-left:5px; padding-left:22px; background:url(/images/error_small.png) no-repeat; }
button { color:#146ead; height:26px; font-size:1.0em; font-weight:bold; margin:4px 0; padding:0 6px; cursor:pointer; border:1px solid #b2b2b2; background:#f2f2f2; }
button:hover { color:#ffffff; border:1px solid #084770; background:#146ead; }

/* Sidebar 1 column */
#sidebar { float:left; display:inline; width:307px; margin:0 0 0 33px; padding:0; }
#sidebar a#facebook { background:url(/images/btn_facebook.jpg) no-repeat; width:307px; height:37px; display:block; margin-bottom:10px; text-indent:-9999px; }
.sideBox img { float:left; margin-right:10px; width:81px; height:81px; padding:1px; border:1px solid #d1d1d1; }
#sidebar a.sideBox { border:1px solid #9e9e9e; margin-bottom:10px; text-align:left; width:289px; height:86px; padding:8px; display:block; background:url(/images/bg_sidebar_container.jpg) no-repeat 0px 0px; text-decoration:none; }
#sidebar a.sideBox:hover { background:url(/images/bg_sidebar_container.jpg) no-repeat 0px -102px; text-decoration:none; }
#sidebar a.sideBox h2 { color:#6fa71e; font-size:0.9em; line-height:1.0em; padding:0 0 6px; margin:0; }
#sidebar a.sideBox p { font-size:11px; line-height:1.2em; margin:0 0 4px; padding:0; color:#323232; }
/* Page footer */
#footer { width:940px; margin:0 auto 10px; padding:10px 10px 0 10px; color:#146ead; font-size:0.7em; text-align:left; background:url(/images/bg_footer.jpg) no-repeat right bottom; }
#footer p { margin:0 0 8px; padding:0; line-height:1.2em; }
#footer a { font-weight:bold; color:#146ead; text-decoration:underline; }
#footer a:hover { color:#146ead; text-decoration:none; }
#footer .fSection { width:144px; margin:0 6px 10px 6px; float:left; display:inline; }
#footer ul { margin:0; padding:0; list-style-type:none; line-height:1.5em; }
#footer ul li { font-size:0.9em; margin:0; padding:4px 0 4px 20px; background:url(/images/bullet_footer.jpg) no-repeat left; border-bottom:1px solid #d3f1ff; }
#footer ul li.sectTitle { font-weight:bold; padding:5px 0 0 0; background:none; border-bottom:none; font-size:1.1em; }
#footer .fSection a { font-weight:normal; text-decoration:none; }
#footer .fSection a:hover { text-decoration:underline; }

/* Generic styles */
.formButton { background-color:#146ead; background-image:none; padding-left:2px; }
.searchButton:hover,.formButton:hover { color:#6fa71e; }
.redText { color:#c00; }
.strikethrough { text-decoration:line-through; }
.floatright { float:right; margin:0 0 0 10px; }
.floatleft { float:left; margin:0 10px 0 0; }

#ajaxLoader { position:absolute; display:none; width:220px; height:80px; border:2px solid #222; background:#fff; color:#222; font-weight:bold; font-size:14px; line-height:31px; margin:0; padding:10px; text-align:center; z-index:99999; }
#ajaxLoader img { margin-top:10px; }

/* Float clears */
.clearfloat { clear:both; height:0; margin:0; padding:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
*+html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


