﻿.void{} /* For W3C CSS Compliance */
@media print{}

/* Email Offers */
#emailoffers
{
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    font-size: 13px;
    color: #333333;
    text-decoration: underline;
    cursor: pointer;
}

#emailoffers-tooltip
{    
    width: 314px;
    height: 235px;
    background: url(../Images/Tooltip/emailoffers.png) no-repeat;
}

#emailoffers-tooltip .heading
{
    font-family: 'AvantGardeBook', Myriad Pro, Verdana;
    font-size: 21px;
    color: #fff;
    padding: 5px 0 3px 15px;        
}

#emailoffers-tooltip .separator
{      
    clear: both;
    height: 1px;    
    padding: 0 0 10px 1px;    
}

#emailoffers-tooltip .offer
{      
    clear: both;    
    width: 303px;
    padding: 7px 0 0 0;
}

#emailoffers-tooltip .offer-date
{
    float: left;
    width: 69px;        
    color: #73a331;
    font-family: 'AvantGardeBook', Myriad Pro, Verdana;
    text-align: center;
}

#emailoffers-tooltip .offer-date .offer-month
{
    font-size: 16px;
}

#emailoffers-tooltip .offer-date .offer-day
{
    font-size: 28px;        
    line-height: 22px;
}

#emailoffers-tooltip .offer-desc
{
    float: left;        
}

#emailoffers-tooltip .offer-desc .offer-heading
{
    font-family: 'AvantGardeBold', Myriad Pro, Verdana;
    font-size: 16px;
    color: #bc0000;
}

#emailoffers-tooltip .offer-desc .offer-subheading
{
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    font-size: 12px;    
    color: #323232;
}

/* Email Signup */
.emailinput
{
    padding: 6px 0 0 0;
}

.emailbutton
{
    margin: 0;
    vertical-align: top;
}

.emailtextbox
{
	width: 257px;
    height: 26px;    
    margin: 0;    
    line-height: 26px;
    vertical-align: top;    
    border: none;
    color: #8c8c8c;
	font-size: 12px;        
	font-family: 'AvantGardeBookOblique', Myriad Pro, Verdana;
	font-style: italic;    
    background: url(../Images/BgTextbox.png) repeat-x top left;    
}

/* Support Nav */
.support-nav
{
    overflow: hidden;    
    width: 212px;
    margin: 0 0 9px 0;
    border: solid 1px #dadada;
    background: #eaf1e0;     
}

.support-nav a
{
    display: block;
    font-family: 'AvantGardeBook', Myriad Pro, Verdana;
}

#sn-faqgroups,
#sn-partgroups
{
    display: none;
}

.support-nav .link-active,
.support-nav .link-inactive,
.support-nav .link-arrow-active,
.support-nav .link-arrow-inactive
{    
    font-size: 12px;
    height: 19px;
    padding: 4px 0 0 8px;
}

.support-nav .link-active
{
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    background: url(../Images/SupportNavBg.jpg) repeat-x top left;
}

.support-nav .link-inactive
{    
    background: url(../Images/SupportNavBg.jpg) repeat-x top left;
}

.support-nav .link-arrow-active
{
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    background: url(../Images/SupportNavActiveBg.jpg) no-repeat;
}

.support-nav .link-arrow-inactive
{  
    background: url(../Images/SupportNavInActiveBg.jpg) no-repeat;
}

.support-nav .sublink-active,
.support-nav .sublink-inactive
{
    padding: 0 10px 0 14px;
    font-size: 10px;
    line-height: 17px;
}

.support-nav .sublink-active
{
    font-family: 'AvantGardeBold', Myriad Pro, Verdana;
    color: #366842;
}

/* Videos Control */
.video-control
{
    clear: both;
    height: 325px;    
}

.video-control .video-selections
{
    margin: 6px 0 0 0;
}

/*.video-control .videos-scrollleft
{
    float: left;
    margin: 0 12px 0 0;
}

.video-control .videos-scrollright
{    
    float: left;        
}

.video-control .videos-links
{   
    overflow: hidden;
    position: relative;
    width: 392px;
    height: 50px;
    float: left;    
}

.video-control .videos-links-scroller
{ 
    overflow:hidden; 
    float: left; 
    width: 2480px; 
    height: 50px; 
}

.video-control .videos-links a
{
     display: block;
     float: left;
     margin: 0 11px 0 0;
}

.video-control .videos-links img
{
     width: 85px;    
    border: solid 1px #c4dba5;
}*/

/* Product Pod Control */
.ppl-product
{
    overflow: hidden;
    clear: both;
    width: 401px;
    height: 133px;
    margin: 0 0 10px 0;
    background: url(../Images/BgProductPodLarge.png) no-repeat top left;    
}

.ppl-product .photo
{
    float: left;
    padding: 8px 5px 0 5px;
}

.ppl-product .photo img
{
    width: 160px;    
    border: solid 1px #c5dca6;
}

.ppl-product .info
{
    float: left;
    width: 227px;
    margin: 5px 0 0 0;
}

 .ppl-product .name a
{
    line-height: 15px;
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    color: #366842;
}

.ppl-product .model
{
    margin: 0 0 7px 0;
    font-size: 9px;
    color: #333333;
}

.ppl-product .viewlink
{
    clear: both;
    margin: 9px 0 3px 0;    
}

.ppl-product .viewlink a
{
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    font-size: 10px;
    color: #404040;
}

.ppl-product .ecommerce
{
    margin: 12px 0 0 0;
}

.ppl-product .pricing
{
    float: left;
}

.ppl-product .price
{    
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    font-size: 16px;
    color: #366842;
}

.ppl-product .strikeprice
{    
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    font-size: 10px;
    color: #404040;
    text-decoration: line-through;
}

.ppl-product .cart
{
    float: right;
    margin: 8px 5px 0 0;
}

.ppl-product .quantity
{
    float: left;
    margin: 1px 3px 0 0;
}

.ppl-product .addtocart
{
    float: left;
}

.ppl-product .qty-tooltip
{
    display:none;
    padding:0;
    margin:0;
    z-index:10003;
    width:210px;
    overflow:visible;
    position:absolute;
}

.ppl-product .qty-tooltip-top
{
    background-image:url('../images/QuantityToolTip_Top.png');
    background-repeat:no-repeat;
    width:210px;
    height:6px;
}

.ppl-product .qty-tooltip-middle
{
    background-image:url('../images/QuantityToolTip_Middle.png');
    background-repeat:repeat-y;
    width:190px;
    padding:0 10px 0 10px;
}

.ppl-product .qty-tooltip-bottom
{
    background-image:url('../images/QuantityToolTip_Bottom.png');
    background-repeat:no-repeat;
    width:210px;
    height:20px;
}

.ppl-product .qty-tooltip-middleleft
{
    float:left;
    width:35px;
    padding: 0 4px 1px 2px;
}

.ppl-product .qty-tooltip-middleright
{
    padding:0 0 0 0;
}

.ppl-product .qty-tooltip-middleright ul
{
    margin:0;
    padding:0;
    list-style-position:inside;
    list-style-type:none;
    width:186px;
}

.ppl-product .qty-tooltip-middleright li
{
    background-color:transparent;
    line-height:14px;
    color:#424242;
    font-family:'AvantGardeMedium'; 
    font-size:10px;
}

/* Recipe Pod Control */
.rpf-recipe,
.rpl-recipe
{
    clear: both;
    width: 480px;    
    margin: 14px 0 14px 0;    
}

.rpf-recipe .heading
{
    width: 100%;
    height: 49px;    
    background: url(../Images/BgFeaturedRecipeTop.jpg) no-repeat top left;    
}

.rpl-recipe .heading
{
    display: none;
}

.rpf-recipe .viewall
{
    padding: 8px 10px 0 0;
    text-align: right;
}

.rpf-recipe .viewall a
{      
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    font-size: 12px;
    color: #fff;        
    text-decoration: underline;
}

.rpf-recipe .recipe-container
{
    overflow: hidden;
    width: 100%;    
    background: url(../Images/BgFeaturedRecipe.jpg) repeat-y top left;    
}

.rpf-recipe .recipe-content,
.rpl-recipe .recipe-content
{
    width: 444px;
    margin: 0 0 0 11px;
    padding: 7px;    
}

.rpf-recipe .photo,
.rpl-recipe .photo
{
    float: left;
}

.rpf-recipe .photo img,
.rpl-recipe .photo img
{
    width: 138px;
}

.rpf-recipe .info,
.rpl-recipe .info
{
    float: left;
    width: 290px;
    margin: 0 0 0 12px;    
}

.rpf-recipe .name,
.rpl-recipe .name
{
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    font-size: 14px;
    color: #366842;
}

.rpf-recipe .serves,
.rpl-recipe .serves
{  
    font-size: 10px;
    color: #323232;
}

.rpf-recipe .subheading,
.rpl-recipe .subheading
{
    margin: 12px 0 3px 0;
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    color: #73a331;
}

.rpf-recipe .ingredients td,
.rpl-recipe .ingredients td
{
    vertical-align: top;        
}

.rpf-recipe .ingredients td ul,
.rpl-recipe .ingredients td ul
{
    margin: 0 0 0 15px;
    padding: 0;
}

.rpf-recipe .ingredients td ul li,
.rpl-recipe .ingredients td ul li
{    
    font-size: 10px;
    color: #323232;
}

.rpf-recipe .directions p,
.rpl-recipe .directions p
{
    margin: 0 0 5px 0;
    font-size: 10px;
    color: #323232;
}

.rpl-recipe .bottom
{
    display: none;
}

.rpf-recipe .disclaimer
{
    clear: both;
    padding: 10px 0 0 0;
    font-size: 9px;
}

/* Tips Pod */
.tips-pod
{  
    clear: both;
    width: 384px;
    height: 121px;        
    padding: 20px;        
    color: #fff;
    line-height: 12px;
    background: url(../Images/BgTips.gif) no-repeat top left;
}

.tips-pod a
{
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    color: #fff;
}

.tips-pod .tips-heading
{
    font-family: 'AvantGardeMedium', Myriad Pro, Verdana;
    font-size: 16px;    
}

.tips-pod .tips-text p
{    
   margin: 8px 0 0 0;
   font-size: 12px;
   line-height: 16px;    
   color: #fff;
}
