﻿/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body
{
    padding: 0px;
    margin: 0px;
    font-family: Verdana;
    font-size: 11px;
    color: #666666;
    text-align: center;
}

img
{
    border-style: none;
}

/*
img, div
{ 
	behavior: url('Content/css/iepngfix.htc');
}
*/



.clear-both
{
    clear: both;
}

#frame
{
    /* Centered Site      margin: 0px auto;*/ /* Left */
    margin: 0px auto;
    width: 1018px;
    text-align: left;
    position: relative;
}

#contentHeader
{
    position: relative;
    width: 1018px;
    height: 7px;  
    z-index: 10009;
}

#kitchenTableTicker
{
    position: relative;
    width: 1018px;
    height: 54px; /*background-image: url('../images/_Shared/tracer_kitchenTableTicker.png');*/
}

#contentTop
{
    position: relative;
    width: 1018px;
    height: 188px;
    overflow: hidden;
}

#contentTop a, #footer a, #footer a:link, #contentTop a:link, #contentTop a:visited, #footer a:visited {
    color: #6E8E23;
}

#divTopNav
{
    position: relative;
    width: 1018px;
    height: 61px;
    overflow: hidden;
}

#divTopNavBackground
{
    position: absolute;
    width: 1018px;
    height: 61px;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

#divTopNavLinksTop
{
    position: absolute;
    width: 1011px;
    height: 22px;
    top: 4px;
    left: 6px;
    overflow: hidden;
}

#divTopNavLinksBottom
{
    position: absolute;
    width: 1011px;
    height: 22px;
    top: 29px;
    left: 6px;
    overflow: hidden;
    text-align: left
}

#divTopNavLinksTop > div, #divTopNavLinksBottom > div
{
    display: inline;
}

#contentMainLeftCol
{
    position: relative;
    width: 807px;
}

#topWrap1
{
    width: 786px;
    padding-left: 21px;
    height: 18px;
    background: transparent url('../images/_Shared/MainContentFrame/TopLeft.png') repeat-y scroll left top;
}
#topWrap2
{
    padding-right: 19px;
    background: transparent url('../images/_Shared/MainContentFrame/TopRight.png') repeat-y scroll right top;
    height: 18px;
}
#topWrap
{
    background: transparent url('../images/_Shared/MainContentFrame/Top.png') repeat scroll left top;
    width: 767px;
    height: 18px;
}

#contentWrap1
{
    width: 786px;
    padding-left: 21px;
    background: transparent url('../images/_Shared/MainContentFrame/Left.png') repeat-y scroll left top;
}

#contentWrap2
{
    padding-right: 19px;
    min-height:426px;
    height:auto !important;
    height:426px;    
    background: transparent url('../images/_Shared/MainContentFrame/Right.png') repeat-y scroll right top;
}

#contentWrap
{
    background-color: #FFFFFF; /*width: 767px;*/
    overflow: hidden;
}

#contentcenter_popup
{
    width: 500px;
    padding: 0px;
    float: left;
}

#inner_content_wrap
{
    margin: 0 auto;
    padding-bottom: 10px;
}
#inner_content_wrap_nominate
{
    margin: 0 auto;
    padding-bottom: 10px;
    padding-top:10px;
    background: transparent url('../images/GoodNeighbor/bg.jpg') no-repeat;
    width:685px;
    color:White;
    height:600px;
}

#homeContentDiv
{
    height: 425px;
}

#bottomWrap1
{
    padding-left: 21px;
    background: transparent url('../images/_Shared/MainContentFrame/BottomLeft.png') repeat-y scroll left top;
    height: 17px;
}

#bottomWrap2
{
    padding-right: 19px;
    background: transparent url('../images/_Shared/MainContentFrame/BottomRight.png') repeat-y scroll right top;
    height: 17px;
}

#bottomWrap
{
    width: 767px;
    background: transparent url('../images/_Shared/MainContentFrame/Bottom.png') repeat scroll left top;
    height: 17px;
}

#footer {
position: relative;
padding-left: 15px;
margin-top:15px;
font-size: 9px;
position: relative;
font-family: verdana;
}
#footer_links div {
	float:left;
	padding:0 40px 0 0;
	display:inline;
}
#footer_links div h4 {
	font-size:10px;
	line-height:15px;
	padding:0;
	margin:0;
}
#footer_links div a {
	line-height:12px;
}
#footer_links div ul {
	padding:0;
	margin:0;
	list-style:none;
}
p#footer_copyright {
	clear:both;
	text-align:center;
	padding-top:15px;
}

.footerleft {
float: left;
font-size: 9px;
}

.footerright {
float: right;
text-align: right;
width: 240px;
font-size: 9px;
}

#framepopup
{
    width: 500px;
    margin-right: auto;
    margin-left: 0px;
    margin-top: 10px;
    padding: 0px;
    text-align: left;
    float: left;
}

#contentMainRightCol
{
    position: absolute;
    top: 260px;
    left: 807px;
    width: 211px;
}
*html #contentMainRightCol 
{
    top:256px;
}/*
*+ html #contentMainRightCol
{
    top:260px; 
}*/
#contentcenter_popupcontent
{
    width: 500px;
    padding: 10px;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #666666;
}

#contentMainRightCol #pod1, #contentMainRightCol #pod2, #contentMainRightCol #pod2, #contentMainRightCol #pod3
{
    color: #FFFFFF;
}
#middle_content
{
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    text-align: left;
    width: 630px;
}
#middle_content_wide
{
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    text-align: left;
    width: 675px;
}

#middle_content_nominate
{
    margin: 0 auto;
    width:764px;
    margin-left:0px;
}
#middle_content_text
{
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
    text-align: left;
    width: 630px;
}

#pod1
{
    position: relative;
    width: 211px;
    height: 148px;
}

#pod2
{
    position: relative;
    width: 211px;
    height: 145px;
}

#pod3
{
    position: relative;
    width: 211px;
    height: 157px;
}

a, a:link, a:visited
{
    color: #6e8e23;
    text-decoration: underline;
    cursor: auto; /*outline: none;*/
}
/*
a:link
{
    color: #6e8e23;
    text-decoration: underline;
    cursor: pointer;
}
a:visited
{
    color: #6e8e23;
    text-decoration: underline;
    cursor: pointer;
}
*/

a:hover
{
    color: #305b77;
    text-decoration: underline;
    cursor: pointer;
}

a:active
{
    color: #6e8e23;
    text-decoration: underline;
    cursor: pointer;
    outline: none;
}

.left_panel
{
    float: left;
    width: 200px;
    text-align: left;
    padding-bottom: 10px;
}
.right_panel
{
    float: left;
    width: 420px;
    text-align: left;
    padding-bottom: 10px;
}

#pod1Tab
{
    /*height: 23px;     margin: 0 auto;     padding-left: 27px;     padding-top: 12px;     width: 182px;     background-image: url('../images/_Shared/Pod1/bg_topTab.png');*/
    width: 209px;
    height: 35px;
    background-image: url('../images/_Shared/Pod1/bg_topTab.png');
    text-align: center;
}

#pod1TabContent
{
    margin: 0px auto 0px auto;
    padding-top: 11px;
}

#pod1Wrap1
{
    padding-left: 7px;
    width: 202px;
    background-image: url('../images/_Shared/Pod1/bg_left.png');
}

#pod1Wrap2
{
    width: 202px;
    background-image: url('../images/_Shared/Pod1/bg_gradient.png');
    background-color: #FFF;
    background-repeat: repeat-x;
    height: 117px;
    overflow: hidden;
}

#pod1Content
{
    /*padding:10px;     height: 97px;     width: 202px;*/ /*height: 117px;     width: 164px;     margin-left: 20px;*/ /*overflow: hidden;     position: relative;*/
    padding: 6px 10px 20px 10px;
    text-align: left;
}

#pod1Bottom
{
    width: 209px;
    height: 1px;
    background-image: url('../images/_Shared/Pod1/bg_bottom.png');
    overflow: hidden;
}

#pod2Top
{
    width: 209px;
    height: 2px;
    background-image: url('../images/_Shared/Pod2/bg_top.png');
    overflow: hidden;
}

#pod2TabWrap1
{
    padding-left: 7px;
    width: 202px;
    background-image: url('../images/_Shared/Pod1/bg_left.png');
}

#pod2TabWrap2
{
    width: 202px;
    background-image: url('../images/_Shared/Pod2/bg_tab.png');
    background-color: #FFF;
    background-repeat: repeat-y;
    height: 31px;
    text-align: center;
}

#pod2TabContent
{
    margin: 0px auto;
    padding-top: 8px;
}

#pod2Wrap1
{
    padding-left: 7px;
    width: 202px;
    background-image: url('../images/_Shared/Pod1/bg_left.png');
}

#pod2Wrap2
{
    width: 202px;
    background-image: url('../images/_Shared/Pod2/bg_gradient.png');
    background-color: #FFF;
    background-repeat: repeat-x;
    height: 116px;
    overflow: hidden;
}

#pod2Content
{
    /*overflow: hidden;     position: relative;*/ /*height: 116px;*/
    padding: 6px 10px 20px 10px;
    text-align: left;
}

#pod2Bottom
{
    width: 209px;
    height: 1px;
    background-image: url('../images/_Shared/Pod2/bg_bottom.png');
    overflow: hidden;
}

#pod3Top
{
    width: 209px;
    height: 2px;
    background-image: url('../images/_Shared/Pod3/bg_top.png');
    overflow: hidden;
}

#pod3TabWrap1
{
    padding-left: 7px;
    width: 202px;
    background-image: url('../images/_Shared/Pod1/bg_left.png');
}

#pod3TabWrap2
{
    width: 202px;
    background-image: url('../images/_Shared/Pod3/bg_tab.png');
    background-color: #FFF;
    background-repeat: repeat-y;
    height: 32px;
    text-align: center;
}

#pod3TabContent
{
    /*width: 202px;     height: 32px;*/
    margin: 0px auto;
    padding-top: 8px;
}

#pod3Wrap1
{
    padding-left: 7px;
    width: 202px;
    background-image: url('../images/_Shared/Pod3/bg_left.png');
}

#pod3Wrap2
{
    width: 202px;
    background-image: url('../images/_Shared/Pod3/bg_gradient.png');
    background-color: #FFF;
    height: 116px;
    overflow: hidden;
}

#pod3Content
{
    padding: 6px 5px 20px 14px;
}

#pod3Bottom
{
    width: 209px;
    height: 17px;
    background-image: url('../images/_Shared/Pod3/bg_bottom.png');
}
#pdfSelectDiv
{
    margin-top: 10px;
    margin-bottom: 10px;
    width: 233px;
   
    background-position: left top; background-image: url(../images/QualityYouCanTrust/nutritionalBackground_20090827.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
}
#pdfDownloadBtnDiv
{
    left: 20px;
    width: 76px;
    position: relative;
    top: 93px;
    height: 19px;
    z-index: 5000;
}

.ddlPdfSelect
{
    font-size: 10px;
    margin-top: 40px;
    margin-left: 22px;
    margin-right: 40px;
    margin-bottom: 40px;
}

.locatorTextBox, .textField
{
    vertical-align: middle;
    text-align: left;
    font-size: 11px;
}

.locatorTextBox {
    border: 1px solid #A0C326;
    float: left;
    font-size: 11px;
    height: 10px;
    padding: 5px;
    width: 120px;
    margin-right:5px;
}

.locatesubmit {
    float: right;
    margin: 1px 0 0;
}
.topSearchBtn{
    margin-top:1px;
}
.locatorwrapper {
    height: 22px;
    position: absolute;
    right: 0px;
    top: 3px;
    width: 201px;
}

.img_holder
{
    padding-bottom: 10px;
}
.img_holder_center
{
    text-align: center;
    margin: 0px auto;
    padding-bottom: 10px;
}
.img_holder_center_padd
{
    text-align: center;
    margin: 0px auto;
    padding-bottom: 10px;
    padding-top: 10px;
}
.img_header
{
    text-align: center;
    margin: 0px auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.red
{
    color: #cc0033;
}

.pngFix
{
}
.tracking_pixel
{
    display: none;
}
.errortext
{
    color: #cc0033;
}


/* Clear Fix */
.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

html[xmlns] .clearfix
{
    display: block;
}

* html .clearfix
{
    height: 1%;
}

div object
{
    outline: none;
}

#product_questions
{
     background-image: url(../images/YourThoughts/product_related_bg_20091113.gif);
     background-repeat:no-repeat;
     height:77px;
     width:682px;
     padding-bottom:0px;
}
#img_product_questions
{
   position:relative;
   left:28px;
   top:42px;
   cursor:pointer;
}

#general_feedback
{
     background-image: url(../images/YourThoughts/general_store_comments_bg_20091113.gif);
     background-repeat:no-repeat;
     height:77px;
     width:682px;
}
#img_general_comments
{
   position:relative;
   left:28px;
   top:42px;
   cursor:pointer;
}
.angled_bg
{
     background-image: url(../images/YourThoughts/angled_pattern.gif);
}
.angled_orange_bg
{
     background-image: url(../images/YourThoughts/angled_orange_bg.gif);
}
#products_questions_form
{
     background-repeat:repeat;
     width:683px;
     height:590px;
     position:relative;
     overflow:visible;
} 

#questions_form
{
    display:none; 
}
#general_questions_form
{
    display:none; 
}
#btn_products
{
    cursor:pointer;
    position:relative;
    left:642px;
    top:9px;
    height:30px;
    width:30px;
}
#btn_general_products
{
    cursor:pointer;
    position:relative;
    left:642px;
    top:9px;
    height:30px;
    width:30px;
}
#questions_header
{
   height:46px;
   width:683px;
   background-image: url(../images/YourThoughts/product_qs_header_2009113.gif);
}
#general_questions_header
{
   height:46px;
   width:683px;
   background-image: url(../images/YourThoughts/genral_qs_header.gif);
}
.cap_bottom
{
    background-image:url(../images/YourThoughts/cap_bottom.gif);    
    width:683px;
    height:8px;
}
#download_coupon
{
    width:483px;
    height:95px;
    background-image:url(../images/EmailOptinCoupon/green_bg.gif);    
    background-repeat:no-repeat;
    margin: 0 auto;
    padding-left:205px;
    padding-top:18px;
}
.green_copy
{
    color:#6E8E23;
}

.green_panel_content
{
  color:#6e8e23;
  background-color:#d6e03f;
  float:left;
  width:667px;
  background-image:url(../images/_Shared/green_panel_sides_shades.gif);    
  background-repeat:repeat-y;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:15px;
}
.green_panel_bottom_shade
{
  height:7px;
  width:680px;
  background-image:url(../images/_Shared/green_panel_bottom_cap.gif);    
  background-repeat:no-repeat;
  float:left;
  margin-bottom:10px;  
}
.ns_green_panel_content
{
  color:#6e8e23;
  background-color:#d6e03f;
  float:left;
  width:696px;
  background-image:url(../images/Newsroom/green_panel_shades_20091123.gif);    
  background-repeat:repeat-y;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  padding-left:30px;
}
.ns_green_panel_bottom_shade
{
  height:7px;
  width:736px;
  background-image:url(../images/Newsroom/bottom_shade_20091123.gif);    
  background-repeat:no-repeat;
  float:left;
  margin-bottom:10px;  
  *margin-bottom:0px;  
}

.solar_panel
{
  position:relative; 
  left:-26px;
}
*html .solar_panel
{
  left:2px;
}
#solar_flash
{
 position: relative;
 visibility: visible;
 width: 720px;
 height: 560px;
 padding-bottom: 20px; 
 left: -20px;
}
.icon
{
padding-right:26px;  
}
*html #solar_flash
{
 left: 0px;
}

.coupon_header_tlp
{
  background-image:url(../images/EmailCoupons/coupon_header_tpl_20100120.jpg);
  background-repeat:no-repeat;
  width:733px;
  height:189px;
  text-align:left;
}

.bag_coupon_header_tlp
{
  background-image:url(../images/EmailCoupons/bag_coupon_copy_tpl_20100121.jpg);
  background-repeat:no-repeat;
  width:733px;
  height:189px;
  text-align:left;
}

/*  form elements for emailoptin */
.row {
margin: 0 0 18px 0;
}

.row label {
margin: 0 0 7px 0;
display: block;
font-weight: bold;
}

.inputfield {
width: 225px;
border: 1px solid #bfbfbf;
}

#storeselectrow {

}

#specialOffersCheck {
margin: 0 7px 35px 0;
float: left;
}

#master_ContentPlaceHolder1_ImageButton1 {
margin: 19px 0 0 0;
}

.greendivider {
height: 1px;
line-height: 1px;
padding: 0;
margin: 20px 0 13px 0;
font-size: 0;
width: 470px;
margin-left: -65px;
background: transparent url(../images/EmailOptin/greendivider.png) no-repeat 0 0;
}

.smaller {
font-size: 10px;
}

/* === FONTS == */

.defused_regular
{
  color:#f9ed25;
  font-size:12px;
}

.couponDescription{
    position:absolute;
    width:380px;
    top:125px;
    left:65px;
    text-align:left;
    font-size:15px;
    font-weight:bold;
    line-height:18px;
    color:#ffd204;
    font-family:Arial;
}
#usercontrols div.signinout a {
    width: 975px;
    height: 18px;
    font-weight:bold;
    padding: 5px 5px 0 0;
    line-height: 18px;
    text-align: right;
    /*float: right; */
    font-size: 13px;
    text-decoration: none !important;
    font-family: Arial, Sans-serif;
}

#usercontrols div.signinout a:hover {
    text-decoration: underline !important;
    color: #6e8e23;
}

/* Style Recall CTA on Default.aspx */
#spinach-recall {
	height: 43px;
	width: 374px;
	position: absolute;
	background: url('/Content/images/Default/washed-spinach-recall.png') no-repeat;
}

