﻿body
{
    background-image: url('../../images/global/bkg_gradient_slice.jpg');
    background-repeat:repeat-x;
}
body, p, td, textarea
{
    font: normal 11px Verdana, Arial, Helvetica, sans-serif;
    letter-spacing: -.25 !important;
    letter-spacing: /**/ 0;
    color:#363636;
}
img
{
    border: none;
}

h3{
    color:#324C0D;
    font-weight:bold;
    margin:0px 0px 0px 0px;
    font-size:12px;
}

strong{
    color:#324C0D;
}

b{
    color:#324C0D;
}

#main
{
    width: 900px;
    padding: 0px 10px 10px 10px;
    margin: auto;
    border: solid 2px #EEEEEE;
    background-color:#ffffff;
}

#content
{
    width: 900px;
}

.listBar{
    width: 565px;
    height: 24px;
    padding: 7px 0px 0px 15px;
    margin: 0px; 
    background-image: url('../../images/global/list_bar.jpg');
    color: #314E0E;
}

#titleBar
{
    width: 565px;
    height: 41px;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 10px 0px; 
    background-image: url('../../images/global/title_bar_bkg.jpg');
    color: #314E0E;
}
#titleBar h1{
    font-size: 14px;
    font-weight:bold;
    text-transform:uppercase;
    margin: 0px;
}

#titleBar #share{
     color:White;
     width:130px;
     float:right;
     padding-top:12px;
}

#titleBar #share a,  a:visited, #titleBar #share a:hover, #titleBar #share a:active
{
    color: White;
    text-decoration: none;
    
}
#titleBar #share a:hover{
    text-decoration: underline;
}
 a,  a:visited,  a:hover,  a:active
{
    color: #7AC427;
    text-decoration: none;
    cursor:pointer;
}
a:hover{
    text-decoration: underline;
}

.label{
    font-weight:bold;
    color:#233C02;
    padding:10px 0px 2px 0px;
}

.txbLong{
    width:290px;
}

.txbShort{
    width:100px;
}

.legal{
    color:#999999;
    font-size:10px;
}

#homeHotspot
{
    position:absolute;
    margin-left:20px;
    margin-top:30px;
    width:115px;
    height:96px;
    z-index:999;
    cursor:pointer;
}
#promiseHotspot
{
    position:absolute;
    margin-left:320px;
    margin-top:78px;
    width:110px;
    height:22px;
    z-index:999;
    cursor:pointer;
}

.ratingStars{
}
.ratingCount{
    clear:both;
    font-size:9px;
    color:#BF4242;
}
.reviewCount{
    font-size:9px;
    color:#BF4242;
}
.reviewCount a,  .reviewCount a:visited,  .reviewCount a:hover,  .reviewCount a:active
{
    color: #BF4242;
    font-size:9px;
}

.glutenFree{
     font-size:10px;
     font-weight:normal;
}

/******************************************
HEader
******************************************/
#header{
    width: 900px;
}
#logoBar
{
    clear:both;
    width: 900px;
    height: 129px;
    background-image: url('../../images/global/header.gif');
    background-repeat:no-repeat;
}
#header a, #header a:visited, #header a:hover, #header a:active
{
    color: #7AC427;
}

#genMills
{
    float:left;
    width: 555px;
    height:25px;
    color:#87B548;
    margin-left: 7px;
    padding-top: 2px;
}
#search{
    float:right;
    width: 320px;
    height:25px;
    margin-bottom: -25px;
    padding-top: 2px;
    
    text-align:right;
}
#headPhoto{
    position: relative; 
    top: -3px; 
    left: 621px;
}
#nav
{
    width: 600px;
    height: 30px;
    position: relative;
    top: 99px;
    left: 0px;
    margin-bottom: -27px;
}

#navTextLink
{
    position: relative;
    top: -8px;
    display:inline;
    margin-right:5px;
}

#nav .textLink
{
}

.left{
    float:left;
}

.right{
    float:right;
}


.popup{
    width:336px;
    z-index:100;
}

.innerPopup{
    width:272px;
    border-left:solid 1px black;
    border-right:solid 1px black;
    margin:0px 1px 0px 1px;
    background-color:White;
    padding:10px 30px 30px 30px;
    z-index:100;
}
.emailPopup{
    width:272px;
    border-left:solid 1px black;
    border-right:solid 1px black;
    margin:0px 1px 0px 1px;
    background-color:White;
    padding:10px 30px 30px 30px;
    _padding:10px 25px 20px 25px;
    z-index:100;
}


/******************************************
Footer
******************************************/
#footer
{
    width: 900px;
    margin: auto;
    color: #999999;
    text-align: center;
}
#footer a, #footer a:visited, #footer a:hover, #footer a:active
{
    color: #7AC427;
    
}

/********************************************
Promos
*********************************************/
#promoContainer
{
    width:900px;
}



#promos
{
    float: right;
    width: 296px;
}

#more
{
    width: 180px;
    height: 81px;
    background-image: url("../../images/global/recipes_promo_morerecipes.jpg");
    color: white;
    font-size: .85em;
    padding: 10px 110px 0px 12px;
}
#promos h3
{
    font-size: 1.2em;
    margin: 0px;
}

#news
{
    margin:0px 3px 20px 0px;
    padding:10px;
    width: 276px;
    height: 157px;
    background-image: url("../../images/global/newsLett_bg.jpg");
    color: #223C00;
    font-size: .9em;
}
#newsBtn{
     position:relative;
     width:134px;
     height:48px;
     margin-bottom:-48px;
     left:145px;
     top:100px;
}


#promos #lookFor
{
    width: 296px;
}

#promos #lookForHead{
    width:286px;
    height:25px;
    background-image: url("../../images/global/promo_lookfor_top.gif");
    color: #314E0E;
    padding:7px 0px 0px 10px;
    font-size: 1.2em;
    font-weight:bold;
    text-transform:uppercase;
}

#promos #lookForIn
{
    width: 294px;
    border-left: solid 1px #334D10;
    border-right: solid 1px #334D10;
    padding-top: 10px;
}
#promos #lookForIn #green
{
    width: 249px;
    height:118px;
    background-image: url("../../images/global/lookForGreen.jpg");
    padding: 10px 10px 10px 10px;
    color:#314E0E;
    
}

#new-to-list{
    margin:0px 3px 20px 0px;
    width:296px;
    height:177px;
    background-image: url("../../images/global/new_promo.jpg");
    color: #223C00;
}
#new-to-list ul {
    padding:10px 0px 0px 20px;
    margin:0px;
    #margin:0px 0px 0px 5px;
}
#new-to-list-copy{
    padding: 10px 10px 10px 150px;
    width: 136px;
    height: 137px;
}
#new-to-list-yoplait{
     height:20px;
     width:281px;
     padding:0px 5px 0px 10px;
     font-size:9px;
}

#coming-soon{
    margin:0px 3px 20px 0px;
    padding: 10px 10px 10px 120px;
    width: 166px;
    height: 157px;
    background-image: url("../../images/global/coming_soon_promo.jpg");
    color: #223C00;
    cursor:pointer;
}
#coming-soon h3{
    font-weight:bold;
    font-size:18px;
    margin-top:10px;
}
#coming-soon h4{
    font-weight:bold;
    font-size:14px;
    margin:5px 0px 5px 0px;
}
#coming-soon p{
    font-weight:bold;
    font-size:10px;
}

#chex-contest-promo{
    margin:0px 0px 20px 0px;
    padding: 10px 10px 10px 100px;
    width: 186px;
    height: 157px;
    background-image: url("../../images/global/chex_contest_promo_bkg.jpg");
    background-repeat:no-repeat;
    color: #223C00;
}
#chex-contest-promo h3{
    font-weight:bold;
    font-size:18px;
    margin-top:10px;
}
#chex-contest-promo h4{
    font-weight:bold;
    font-size:14px;
    margin:5px 0px 5px 0px;
}

.promoCopy
{
    width: 270px;
    height: 79px;
    padding: 10px 0px 0px 10px;
    color: White;
}

.promoCopy p
{
    color:#FFF;
    margin-top:3px;
    line-height:15px;
}

.homePromo{
    width:274px;
    height:163px;
    float:left;
    background-image: url("../../images/home/home_module.jpg");
    background-repeat:no-repeat;
    padding: 10px;
    margin-top:27px;
}

.homePromo h2{
    color: #233C02;
    font-weight: bold;
    font-size: 1em;
    margin: 5px 0px 5px 0px;
}
