﻿body {
background:#DBD6B9;
font-family:Georgia, sans-serif;
font-size:12px;
line-height:17px;
margin:0;
padding:0;
}

body.search_results #content {
background-color:#FFF;
}

h1 {
font-size:20px;
font-weight:700;
}

h1,h2 {
font-weight:400;
margin:0;
padding:0;
}

h4 {
color:#361212;
font-size:14px;
font-weight:700;
margin:0;
padding:0;
}

a,a:hover,a:active,a:visited {
color:#004d86;
outline:none;
text-decoration:underline;
}

a img {
border:none;
}

.reset {
clear:both;
}

#wrapper {
margin:0 auto;
padding-top:25px;
width:1024px;
}

#header {
height:156px;
margin-bottom:7px;
width:1024px;
}

#header h1 a {
height:95px;
margin-left:34px;
position:absolute;
text-indent:-9999px;
top:52px;
width:153px;
z-index:20;
}

#content {
margin-bottom:7px;
margin-left:10px;
padding-left:0;
padding-top:0;
width:1000px;
}

#contentOther {
background:#C0DDDD;
margin-bottom:7px;
padding:30px 20px 10px 30px;
width:950px;
}

/*********************
* Homepage
**********************/
.home-left #news {
background-color:#81A7B0;
float:left;
margin-right:10px;
margin-top:10px;
width:512px;
}

.home-left #news .content{padding-bottom:12px;padding-left:10px;}
.home-left #news .bottom{height:12px;}

.home-left {
color:#fff;
float:left;
}

.home-left h1,.home-left h2 {
font-size:20px;
line-height:1.2em;
}

.home-left h2 {
color:#333;
}

.home-left h2.news {
margin-top:0px;
padding-top:10px;
}

.home-left p {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.home-image {
float:right;
margin-left:30px;
width:400px;
}

.home-right {
background-color:#d8e2e5;
float:right;
margin-top:0;
padding-left:5px;
width:245px;
}

#slidingBox {
background-color:#DBD6B9;
float:left;
margin-top:-402px;
padding-top:10px;
position:relative;
width:1000px;
}

/***** Twitter Feed *****/
#twitter_feed {
float:left;
margin-top:10px;
width:219px;
}

#twitter_feed .top{background:url("/media/images/twitter-bg-t.png") no-repeat scroll 0 0 transparent;height:6px;}
#twitter_feed .content{background-color:#fff;overflow:hidden;padding:0 10px;width:199px;}
#twitter_feed .bottom{background:url("/media/images/twitter-bg-b.png") no-repeat scroll 0 0 transparent;height:6px;}

#twitter_feed hr {
background-color:#d5d5d6;
border:0;
display:block;
height:1px;
}

#twitter_feed h2 {
color:#01356e;
margin:5px 0 0;
}

#twitter_feed a {
color:#01356e;
}

#twitter_feed .tweet{
color:#58595b;
}
#twitter_feed .tweet + .tweet {
margin-top:10px;
}

#twitter_feed .tweet .user{
text-decoration:none;
}

/*********************
* Footer
**********************/
#footer {
background:url('/media/images/hain/homepage_03.png') no-repeat;
color:#FFF;
font-family:ArialMT, Arial, sans-serif;
height:88px;
padding-left:35px;
padding-top:15px;
width:1024px;
}

#footer.french {
background:url('/media/images/hain/home_footer_fr.jpg') no-repeat;
}

#footer a {
color:#FFF;
font-family:ArialMT, Arial, sans-serif;
text-decoration:none;
}

#footer.alt {
background:url('/media/images/hain/longbottom_footer.png') no-repeat;
color:#FFF;
font-family:Arial, sans-serif;
height:51px;
padding-left:35px;
padding-top:15px;
width:1024px;
}

#footer.altfrench {
background:url('/media/images/hain/longbottom_footer_fr.png') no-repeat;
}

#footer.alt a {
color:#FFF;
font-family:ArialMT, Arial, sans-serif
}

#navigation {
background:transparent;
cursor:pointer;
height:53px;
margin-left:30px;
overflow:hidden;
position:absolute;
top:150px;
width:348px;
z-index:416;
}

#productWrapper {
margin:0 auto;
width:854px;
}

#productTop {
background:url('/media/images/hain/product_top.png') no-repeat;
font-size:20px;
height:54px;
text-transform:uppercase;
width:854px;
}

#productMid {
background:#D8E2E4;
display:none;
height:550px;
margin-left:12px;
width:830px;
}

#productBottom {
background:url('/media/images/hain/product_bottom.png') no-repeat;
height:54px;
width:854px;
}

#teir1 {
background:transparent url('/media/images/hain/teir1.png') no-repeat;
display:none;
float:left;
height:280px;
line-height:25px;
margin:10px 5px 10px 10px;
overflow:auto;
padding:5px;
text-transform:uppercase;
width:230px;
}

#teir2 {
background:transparent url('/media/images/hain/teir2.png') no-repeat;
display:none;
float:left;
height:280px;
line-height:25px;
margin:10px 5px;
overflow:auto;
padding:5px;
text-transform:uppercase;
width:300px;
}

#teir3 {
background:transparent;
display:none;
float:left;
height:290px;
line-height:25px;
margin:10px 5px;
padding:5px;
width:225px;
}

#teir3bg {
background:transparent url('/media/images/hain/teir3.png') no-repeat;
height:220px;
width:225px;
}

#popOverlay {
background:#595959;
border:#FFF solid 2px;
color:#FFF;
display:none;
height:300px;
left:-300px;
overflow:auto;
padding:15px;
position:absolute;
top:-300px;
width:300px;
z-index:420;
}

#popHead {
font-size:18px;
font-weight:bolder;
width:210px;
}

#popClose {
color:#999;
cursor:pointer;
font-size:9px;
width:80px;
}

#popBody {
overflow:auto;
}

.qmark,.sortBy,.pointer {
cursor:pointer;
}

.accordion {
padding-bottom:40px;
}

.accordion table td {
padding-right:10px;
}

.accordion dt {
background:url(/media/images/hain/arrow-square.gif) no-repeat right -54px;
border-bottom:1px solid #000;
color:#361212;
font-size:14px;
font-weight:700;
line-height:20px;
margin-top:15px;
padding:3px 0;
}

.accordion dt:hover {
background-color:#A6CDCE;
}

.accordion dt.active {
background-position:right 5px;
}

.accordion dt.recipe {
color:#000;
}

.accordion dd {
border-bottom:1px solid #000;
font-size:11px;
line-height:17px;
margin:0;
padding:0;
}

/* recipe styling */
.recipe-left {
float:left;
width:670px;
}

.recipe-right {
float:left;
margin-left:30px;
margin-top:20px;
width:200px;
}

ul.sitemap li a {
color:#361212;
}

ul.nav_categories li a {
color:#000;
}

.recipe-left table {
margin-bottom:17px;
}

/* Contact form styling */
body.contact table table td {
padding:3px;
}

body.contact td input,body.contact td textarea {
border:1px solid #999;
padding:2px;
width:300px;
}

body.contact td input.submit {
border:none;
float:right;
margin-right:20px;
width:auto;
}

body.contact td input.checkbox {
width:auto;
}

/* Search & Results */
body.search_results div.results {
float:left;
width:500px;
}

body.search_results div#tier3 {
border:1px solid #000;
display:block;
float:right;
}

/* Promotion */
.promotion {
display:block;
margin-left:8px;
margin-top:15px;
text-align:center;
}

.promotion img {
margin-bottom:15px;
}

.clear {
clear:both;
}

.hidden {
display:none;
}

img,div,a,input,#navImage {
behavior:url(/media/images/iepngfix.htc);
}

/* bbq campaign*/
#quizHolder {
background-color:#8cb53f;
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
height:455px;
padding:15px 0 15px 20px;
width:980px;
}

.greyBox {
background-image:url(/media/files/bbq/greyBoxBackgr.png);
color:#000;
float:left;
font-size:22px;
height:359px;
line-height:25px;
margin-top:10px;
repeat:no-repeat;
width:926px;
}

.headerTitle {
float:left;
font-size:21px;
line-height:25px;
margin:0;
}

#headerTitleHolder {
float:left;
position:absolute;
}

.headerTitle2 {
float:left;
font-size:23px;
line-height:25px;
margin:0;
}

#clickHere {
cursor:pointer;
float:right;
margin-top:-15px;
}

#quizHeader {
float:left;
height:70px;
position:relative;
width:980px;
}

.quizPdfLink {
color:#fff;
cursor:pointer;
float:left;
font-size:16px;
margin:5px 0;
position:relative;
text-decoration:none;
}

.quizPdfLink:hover {
color:#fff;
text-decoration:underline;
}

.quizPdfLink:visited {
color:#fff;
text-decoration:underline;
}

.nextQuestion {
color:#000;
cursor:pointer;
float:right;
font-size:17px;
margin-top:10px;
text-decoration:none;
}

.nextQuestion:hover {
color:#000;
text-decoration:underline;
}

.radioBtn {
background-image:url(/media/files/bbq/radioBtn.png);
background-position:0 0;
cursor:pointer;
display:block;
height:18px;
margin-top:5px;
width:20px;
}

.radioBtn:hover {
background-position:0 -18px;
}

#question1 {
float:left;
}

#result1 {
display:none;
float:left;
position:absolute;
width:926px;
}

#question2 {
display:none;
float:left;
position:absolute;
width:926px;
}

#result2 {
display:none;
float:left;
position:absolute;
width:926px;
}

#question3 {
display:none;
float:left;
position:absolute;
width:926px;
}

#result3 {
display:none;
float:left;
position:absolute;
width:926px;
}

#question4 {
display:none;
float:left;
position:absolute;
width:926px;
}

#result4 {
display:none;
float:left;
position:absolute;
width:926px;
}

#question5 {
display:none;
float:left;
position:absolute;
width:926px;
}

#result5 {
display:none;
float:left;
position:absolute;
width:926px;
}

.greyBoxWithImg {
background-image:url(/media/files/bbq/quizResultsBack.png);
color:#000;
float:left;
font-size:22px;
height:359px;
line-height:25px;
margin-top:10px;
repeat:no-repeat;
width:926px;
}

#quizResults {
display:none;
float:left;
font-size:20px;
padding-left:20px;
position:absolute;
width:926px;
}

#confirmationScreen {
display:none;
float:left;
font-size:20px;
padding-left:20px;
position:absolute;
width:926px;
}

.greenAnswer {
color:#389745;
}

.redAnswer {
color:#e83c3f;
}

.selectedRadioBtn {
background-image:url(/media/files/bbq/radioBtn.png);
background-position:0 -18px;
display:block;
height:18px;
margin-top:5px;
width:20px;
}

.nonSelectedRadioBtn {
background-image:url(/media/files/bbq/radioBtn.png);
background-position:0 0;
display:block;
height:18px;
margin-top:5px;
width:20px;
}

.quizResultsTextField {
background-image:url(/media/files/bbq/quizResultsTextField.png);
background-position:0 6px;
background-repeat:no-repeat;
height:40px;
width:309px;
}

.quizResultsError {
color:red;
font-size:12px;
}

.blackBorder {
border-bottom:#000 solid thin;
border-top:#000 solid thin;
padding-bottom:10px;
padding-top:10px;
}

.resultsSubmitBtn {
background-color:transparent;
background-image:url(/media/files/bbq/quizResultsSubmit.png);
background-repeat:no-repeat;
border:none;
cursor:pointer;
display:block;
height:30px;
margin-top:0;
width:143px;
}

.confirmScreenTxtField {
background-image:url(/media/files/bbq/confirmationScreenTxtField.png);
background-repeat:no-repeat;
height:30px;
width:282px;
}

#flashObject {
float:left;
height:1380px;
width:745px;
}
