@charset "UTF-8";
/* CSS Document */
* {padding:0; margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
html {text-align:center;}
body {width:960px; margin:0 auto;}
cite {font-style:italic;}
a:hover, a:focus {outline:none;}
#wrap {float:left; background:url(i/body-back.gif) top left repeat-y;}
#content {width:720px; float:right; text-align:left;}
#home #primary-content {background:url(i/home-back.jpg) bottom right no-repeat; width:720px;}
#content .gutter {padding:68px 50px 60px 60px; color:#b70c62;}
#home #content .gutter {padding-bottom: 350px;}
#content h1 {font-size: 38px;}
#content h2 {font-size:24px; margin-top: 15px;}
.tagline {font-size: 18px; font-weight:bold; margin-bottom:10px;}
#content p, #home #content .gutter ul {font-size:18px;}
#content .gutter ul, #content .gutter ol {margin:0 0 10px 20px;font-weight:bold; line-height:1.5em;}
#content .gutter p, dd {margin-bottom: 10px;}
#content .gutter ul ul {margin-bottom: 0;}
#sidebar {float:left; width: 240px; background:#84a059 url(i/sidebar-back.jpg) no-repeat top left; min-height:720px;}
#sidebar .gutter {background:url(i/side-bar-dots-trans.png) repeat-y;}
.testimonial {color: #fff; margin-top:25px; font-size:15px; padding:0 15px;}
.testimonial img {margin:35px 0 30px; border:#446418 1px solid;}
dt {font-weight:bold;}
label {display:block;}
input[type="text"], textarea {width:200px; margin-bottom:10px;}
fieldset {padding:20px 0; background-color: #87a461; color: #fff;}
fieldset div, fieldset h3 {margin-left:20px; color: #fff;}
#main-navigation ul {width: 720px; height:100px; background:url(i/navigation-sprite.png) top left; position:relative;}
#main-navigation ul li {list-style: none; position:absolute; top: 0;}
#main-navigation ul li, #main-navigation ul li a {height: 100px; display:block;}

#main-navigation #home-page {left: 0; width: 110px;}
#main-navigation #products {left: 110px; width: 100px;}
#main-navigation #how-to-order {left: 212px; width: 100px;}
#main-navigation #here-for-you {left: 310px; width: 100px;}
#main-navigation #faqs {left: 410px; width: 100px;}
#main-navigation #blog {left: 510px; width: 100px;}
#main-navigation #contact {left: 610px; width: 100px;}
#main-navigation a {color: transparent;}
#main-navigation a {text-indent: -9000px;}

#main-navigation #home-page a:hover, #home-page a.active  {background: url(i/navigation-sprite.png) bottom left no-repeat;}
#main-navigation #products a:hover, #products a.active  {background: url(i/navigation-sprite.png) -110px bottom no-repeat;}
#main-navigation #how-to-order a:hover, #how-to-order a.active  {background: url(i/navigation-sprite.png) -212px bottom no-repeat;}
#main-navigation #here-for-you a:hover, #here-for-you a.active  {background: url(i/navigation-sprite.png) -310px bottom no-repeat;}
#main-navigation #faqs a:hover, #faqs a.active  {background: url(i/navigation-sprite.png) -410px bottom no-repeat;}
#main-navigation #blog a:hover, #blog a.active  {background: url(i/navigation-sprite.png) -510px bottom no-repeat;}
#main-navigation #contact a:hover, #contact a.active  {background: url(i/navigation-sprite.png) -610px bottom no-repeat;}

#navigation a {color:#b70c62; text-decoration:none;}
#navigation a:hover {text-decoration:underline; color: #00F; outline:none;}
#navigation ul {margin-bottom: 2em;}
#footer {clear:both; border-top: #779a48 1px solid; padding:10px 0; text-align:center;}
#footer ul {list-style:none; width:100%;font-size:12px;margin-bottom: .5em;}
#footer li {display:inline;}
#footer h5 {font-weight:normal; font-size:12px;margin-bottom: .5em;}
#footer p {text-align:center; font-size:12px; margin-bottom: .5em;}

.cookie-box {float:left; margin-right:10px; }
.cookie-pic {float:right; margin:20px 20px 10px 10px;}
#oatmeal1 p, #cranberry1 p, #granola1 p {padding-top: 20px;}
.tab-container {border:1px solid gray; margin: -12px 0 1em 0; padding: 10px;}
.dot-separator {width:100%; height:12px; background:url(i/colored-dot-border.png) repeat-x; margin:10px 0;}