#grilled .twoColFixRt
{
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}
#grilled p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 34px;
    padding-left: 10px;
    padding-right: 10px;
    text-align:justify;
}
#grilled .twoColFixRt li
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
}
#grilled .twoColFixRt #container
{
    width: 915px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
}
#grilled .twoColFixRt #sidebar1
{
    float: right; /* since this element is floated, a width must be given */
    width: 230px; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 0px 10px;
    background-image: url(/Consumer/images/GrilledAndReady/Images/BackgroundGreen.jpg);
    color: #FFF;
}
#grilled .twoColFixRt #container #sidebar1 p
{
    line-height: 22px;
}
#grilled .MoreMenu
{
    background-image: url(/Consumer/images/GrilledAndReady/Images/BackgroundMoreGreatMenu.png);
    width: 200px;
    padding-top: 90px;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 15px;
    border: 1px solid #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin-bottom: 20px;
}
#grilled .twoColFixRt #container #mainContent #SpotlightColumn
{
    float: right; /* since this element is floated, a width must be given */
    width: 210px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 25px;
}
#grilled .twoColFixRt #container #mainContent #SpotlightColumn #SpotlightProduct
{
    float: right; /* since this element is floated, a width must be given */
    width: 170px;
    background-image: url(/Consumer/images/GrilledAndReady/Images/ProductBoxGray.jpg);
    margin-top: 0px;
    margin-right: 10px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#grilled .twoColFixRt #container #mainContent #SpotlightColumn #SpotlightProduct2
{
    float: right; /* since this element is floated, a width must be given */
    width: 170px;
    background-image: url(/Consumer/images/GrilledAndReady/Images/ProductBoxGray.jpg);
    margin-top: 0px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-right: 10px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
}
#grilled .twoColFixRt #container #sidebar1 p
{
    font-size: 14px;
    line-height: 18px;
}
#grilled .twoColFixRt #container #sidebar1 ul li
{
    font-size: 14px;
    line-height: 18px;
}
#grilled .twoColFixRt #container #sidebar1 .MoreMenu ul li a
{
    color: #006;
    font-size: 14px;
    line-height: 16px;
}
#grilled #sidebar1 img
{
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
#grilled .twoColFixRt #container #sidebar1 a
{
    color: #FFF;
}
#grilled .twoColFixRt #mainContent
{
    margin-top: 0px;
    margin-right: 255px;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
}
#grilled .fltrt
{
    /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
#grilled .fltlft
{
    /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
#grilled .clearfloat
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}
#grilled #PackageListings
{
    background-image: url(/Consumer/images/GrilledAndReady/Images/BackgroundGreen.jpg);
    background-repeat: no-repeat;
    height: 275px;
    width: auto;
    padding-left: 9px;
    margin-top: 0px;
}
#grilled .PackageColumn
{
    width: 150px;
    height: 300px;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 30px;
    float: left;
}
#grilled .PackageID
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
    font-weight: bold;
    text-align: center;
    color: #FFF;
    margin-top: 10px;
}
        
#grilled a.frollover
{
    background: url(/Consumer/images/GrilledAndReady/Images/FrozenButton.png) no-repeat left top;
    height: 20px;
    width: 110px;
    display: block;
    margin-right: 20px;
    margin-left: 20px;
}
#grilled a.frollover span
{
    display: none;
}
#grilled a.frollover:hover
{
    background: url(/Consumer/images/GrilledAndReady/Images/FrozenButton.png) no-repeat left bottom;
    height: 20px;
    width: 110px;
    display: block;
}
#grilled a.rrollover
{
    background: url(/Consumer/images/GrilledAndReady/Images/RefrigeratedButton.png) no-repeat left top;
    height: 20px;
    width: 110px;
    display: block;
    margin-right: 20px;
    margin-left: 20px;
}
#grilled a.rrollover span
{
    display: none;
}
#grilled a.rrollover:hover
{
    background: url(/Consumer/images/GrilledAndReady/Images/RefrigeratedButton.png) no-repeat left bottom;
    height: 20px;
    width: 110px;
    display: block;
}

/*Cleggs CSS */

#clegg .twoColFixRt
{
    font: 100% Verdana, Arial, Helvetica, sans-serif;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}
#clegg p
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 34px;
    padding-left: 10px;
    padding-right: 10px;
}
#clegg .twoColFixRt li
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
    padding-right: 10px;
}
#clegg .twoColFixRt #container
{
    width: 915px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
    background: #FFFFFF;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
}
#clegg .twoColFixRt #sidebar1
{
    float: right; /* since this element is floated, a width must be given */
    width: 230px;
    background-image: url(/Consumer/images/GrilledAndReady/Images/BackgroundGreen.jpg);
    color: #FFF;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}
#clegg .twoColFixRt #container #sidebar1 p
{
    line-height: 22px;
}
#clegg .MoreMenu
{
    background-image: url(/Consumer/images/GrilledAndReady/Images/BackgroundMoreGreatMenu.png);
    width: 200px;
    padding-top: 75px;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 15px;
    border: 1px solid #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin-bottom: 20px;
}
#clegg .twoColFixRt #container #mainContent #SpotlightColumn
{
    float: right; /* since this element is floated, a width must be given */
    width: 210px;
    margin-top: 20px;
    margin-right: 40px;
    margin-bottom: 10px;
    margin-left: 15px;
}

#clegg .twoColFixRt #container #mainContent #SpotlightColumn #SpotlightProduct
{
    float: right; /* since this element is floated, a width must be given */
    width: 170px;
    background-image: url(/Consumer/images/GrilledAndReady/Images/ProductBoxGray.jpg);
    margin-top: 0px;
    margin-right: 10px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    margin-left: 40px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
}
#clegg .twoColFixRt #container #mainContent #SpotlightColumn #SpotlightProduct2
{
    float: right; /* since this element is floated, a width must be given */
    width: 170px;
    background-image: url(/Consumer/images/GrilledAndReady/Images/ProductBoxGray.jpg);
    margin-top: 0px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    margin-right: 10px;
    border: 1px solid #CCC;
    margin-bottom: 20px;
    margin-left: 40px;
}
#clegg .twoColFixRt #container #sidebar1 p
{
    font-size: 14px;
    line-height: 18px;
}
#clegg .twoColFixRt #container #sidebar1 ul li
{
    font-size: 14px;
    line-height: 18px;
}
#clegg .twoColFixRt #container #sidebar1 .MoreMenu ul li a
{
    color: #006;
    font-size: 14px;
    line-height: 16px;
}
#clegg #sidebar1 img
{
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}
#clegg .twoColFixRt #container #sidebar1 a
{
    color: #FFF;
}
#clegg .twoColFixRt #mainContent
{
    margin-top: 0px;
    margin-right: 255px;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
}
#clegg .fltrt
{
    /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}
#clegg .fltlft
{
    /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
}
#clegg .clearfloat
{
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
    margin-bottom: 20px;
}
#clegg #PackageListings
{
    background-image: url(/Consumer/images/GrilledAndReady/Images/BackgroundGreen.jpg);
    background-repeat: no-repeat;
    height: 275px;
    width: 660px;
    padding-left: 9px;
    margin-top: 0px;
}
#clegg .PackageColumn
{
    width: 150px;
    height: 300px;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 30px;
    float: left;
}
#clegg .PackageID
{
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    color: #FFF;
}
#clegg a.frollover
{
    background: url(/Consumer/images/GrilledAndReady/Images/FrozenButton.png) no-repeat left top;
    height: 20px;
    width: 110px;
    display: block;
    margin-right: -10px;
    /*margin-left: 110px;*/
    margin-top: 3px;
    float:right;
}
#clegg .twoColFixRt #container #sidebar1 img
{
    float: left;
}
#clegg a.frollover span
{
    display: none;
}
#clegg a.frollover:hover
{
    background: url(/Consumer/images/GrilledAndReady/Images/FrozenButton.png) no-repeat left bottom;
    height: 20px;
    width: 110px;
    display: block;
}
#clegg a.rrollover
{
    background: url(/Consumer/images/GrilledAndReady/Images/RefrigeratedButton.png) no-repeat left top;
    height: 20px;
    width: 110px;
    display: block;
    margin-right: -10px;
    /*margin-left: 110px;*/
    margin-top: 3px;
    float:right;
}
#clegg a.rrollover span
{
    display: none;
}
#clegg a.rrollover:hover
{
    background: url(/Consumer/images/GrilledAndReady/Images/RefrigeratedButton.png) no-repeat left bottom;
    height: 20px;
    width: 110px;
    display: block;
}
#clegg .twoColFixRt #container #mainContent p img
{
    margin-top: -90px;
    z-index: 100;
    position: relative;
    visibility: visible;
}
#clegg .twoColFixRt #container #mainContent #SpotlightColumn img
{
    border: 1px solid #666;
    margin-bottom: -10px;
    margin-top: 0px;
}
#clegg .twoColFixRt #container #mainContent p
{
    line-height: 32px;
}
#clegg .twoColFixRt #container #mainContent #SpotlightColumn p a
{
    margin-top: -20px;
    margin-left: auto;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    margin-right: auto;
    padding: 0px;
    margin-bottom: 10px;
}