﻿
/* Shared stuff */
.Caps
{
    text-transform: uppercase;
}
.Capitalise
{
    text-transform: capitalize;
}
.TopHeader
{
    margin: 0;
    padding: 0;
}
.BodyContainer
{
    padding-left: 27px;
    width: 686px;
    background: #FFFFFF;
    font-family: Verdana;
    font-size: 1.2em;
    text-align: left;
}
.BodyContainer p
{
    margin: 0 0 7px 0;
}
.BodyContainer a
{
    color: #e752a0;
    text-decoration: underline;
}
.BodyContainer h2
{
    margin: 12px 0 5px 0;
    padding: 0;
    font-weight: normal;
    font-family: Verdana;
    font-size: 1.2em;
}
.HrFloral
{
    height: 17px;
    width: 100%;
    background: transparent url('../Images/Summer/floralHr.gif') repeat-x top left;
    border: 0;
    margin: 0;
}
/* Landing page stuff */
.BodyContainer .HrFloral
{
    margin-top: 20px;
    margin-bottom: 11px;
}
.BodyContainer .LeftCopy
{
    width: 658px;
    padding-right: 15px;
    font-family: Verdana;
    font-weight: bold;
    font-size: 12px;
}
.BodyContainer .LeftCopy a
{
    color: #D11140;
}
.BodyContainer .RecipeIcon
{
    width: 168px;
    height: 275px;
    float: left;
}
.BodyContainer .RecipeIcon .Heading
{
    padding: 5px 10px 5px 0;
    font-size:11px;
}
.BodyContainer .RecipeIcon .Heading *
{
    color: #E752A0;
}
.BodyContainer .RecipeIcon .Teaser
{
    color:#515151;
    font-family:Verdana;
    font-size:11px;
    padding: 0px 20px 5px 0px;
}
/* recipe view stuff */
.RecipeContainer
{
    background: #FFFFFF url('../images/summer/summer_recipe_header.gif') no-repeat top left;
    width: 713px;
    text-align: left;
}
/* hints and tips page */
.HintsContainer
{
    background: #FFFFFF url('../images/summer/summer_hints_header.gif') no-repeat top left;
    width: 713px;
    text-align: left;
}
/* stuff on both of these pages */
.LeftColumn
{
    float: left;
    padding-left: 25px;
    width: 387px;
    padding-bottom: 30px;
}
.LeftColumn .Navigation
{
    text-align: right;
    width: 384px;
    padding-right: 3px;
    padding-top: 24px;
    height: 28px;
}
.LeftColumn .Navigation img
{
    margin-left: 3px;
}
.LeftColumn .RecipeView
{
    text-align: left;
}
.LeftColumn .RecipeView .Box
{
    background: #ebf9de;
    padding: 3px 6px 10px 6px;
    margin: 6px 6px 12px 6px;
}
.LeftColumn .RecipeView .HrFloral
{
    margin-top: 7px;
    margin-bottom: 9px;
}
.RightColumn
{
    float: left;
    width: 281px;
    padding-left: 20px;
    padding-top: 119px;
    text-align: left;
}
.RightColumn .Box
{
    background: #fdeff6;
    padding: 14px 10px 15px 10px;
    width: 233px;
    margin-top: 4px;
    margin-bottom: 4px;
}
.RightColumn .TipImage
{
    margin-bottom: 10px;
    text-align: left;
    vertical-align: top;
}
.RightColumn a
{
    color: #4c4c4c;
}
.ContentManaged
{
    color: #4C4C4C;
    font-family: Verdana;
    font-size: 11px;
    line-height: 16px;
}
.ContentManaged p
{
    margin: 0;
    padding: 0;
}
.ContentManaged h2
{
    color: #1D3F96;
    font-family: Verdana;
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.ContentManaged ol, .ContentManaged ul
{
    margin: 0;
    padding-left: 20px;
}
.ContentManaged li
{
    color: #BB3150;
    padding-left: 17px;
}
.ContentManaged li *
{
    color: #4C4C4C;
}
.RecipeContainer h1, .HintsContainer h1
{
    margin: 0;
    padding: 16px 0 0 11px;
    font-size: 18px;
    color: #e752a0;
    font-weight: bold;
}
.RecipeContainer h1 .SubTitle
{
    font-size: 0.85em;
}
.RecipeContainer .featured_product .FeaturedImage
{
    max-width: 67px;
}
