/* GENERAL STYLES */
/* GENERAL STYLES */
/*                                     */
/*      GENERIC PRODUCT PAGE STYLES    */
/*                                     */

h1 
{
	color:#ED1B2E;
	font-size:24px;
	font-weight: normal;
	margin: 10px 0px;
}
h2 
{
	color:#666666;
	font-size:16px;
	font-weight: normal;
	margin: 5px 0px;

}

#Product a:link, #Product a:visited {
        color:#ED1C24;
        text-decoration:none;
}

#Product a:hover {
        text-decoration:underline;
}

/*                                     */
/*      PRODUCT PAGE STYLES            */
/*                                     */

#ProductImage
{
    float: right; 
    width: 216px; 
    height: 240px; 
    text-align: center;
}

#Product_Ingredients
{
    font-size: 11px;
}


/*                                     */
/*      PRODUCT LEFT NAV STYLE         */
/*                                     */

.SubnavSection
{
    background-color: #B7B3B3;
    border-bottom: 1px solid #C5C2C2;
    padding-bottom: 5px;
    padding-top: 5px;
}

.SubnavLevel0 a
{
    color: White;
    display: block;
    font-family: Arial Narrow;
    font-size: 11px;
    font-weight: bold;
    padding:5px 0;
    text-decoration: none;
    text-indent: 15px;
    text-transform: uppercase;
}

.SubnavLevel0 a:hover
{
    color: black;
}

.SubnavLevel1
{
    background-color:#B8B4B3;
    color:#000000;
    font-weight:bold;
    font-family:Arial Narrow;
    font-size:10px;
}

.SubnavLevel1 a 
{
    font-family:Arial Narrow;
    color:#333333;
    font-size:10px;
    display:block;
    font-weight:normal;
    padding:2px 0;
    text-decoration:none;
    text-indent:22px;
    text-transform:uppercase;
    width:100%;
}

.SubnavLevel1 a:hover
{
    background-color: #CDCACA;
}

.SubnavLevel1Headline
{
    text-indent:15px;
}


/*                                     */
/*      TAB INTERFACE STYLES           */
/*                                     */
#Product .tabbed-on 
{
    position: relative;
}

#Product .tabbed-on .hidden 
{
    position: absolute;
    left: -999em;
}

#Product .tabbed-on .folder 
{
    position: absolute;
    top: 0;
    left: -999em;
    height: 150px;
    padding: 8px;

    background-color: #F5F4F4;
    border-style: solid;
    border-width: 1px;
    border-color: #CACACA;
    font-family: Arial;
    font-size: 12px;
}

#Product .tabbed-on .folder.visible {
    position: static;
}

#Product .tabbed-on .index {
    top: -21px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
}

#Product .tabbed-on .index li {
    background: url(/images/Tabs/TabBackground.gif);
    background-repeat: repeat-x;
    margin-right: 2px;

    height: 21px;
    cursor: pointer;
    list-style: none;
    float: left;
    text-transform: uppercase;
    white-space: normal;
    font-family: Arial Narrow;
    font-size: 11px;
}

#Product .tabbed-on .TabCopy 
{
    margin: 5px 4px 4px 4px;
    white-space: normal;
    height: 12px;
    float: left;
}

#Product .tabbed-on .index li:hover 
{
    background: url(/images/Tabs/TabActive.gif);
}

#Product .tabbed-on .index li:focus 
{
    outline: 1px dotted;
}

#Product .tabbed-on .index .active 
{
    height: 22px;
    background: url(/images/Tabs/TabActive.gif);
    color:#ED1B2E;
    font-weight: bold;
}

#Product .LeftTabCorner
{
    float: left;
    background: url(/images/Tabs/TabBorderLeft.gif);
    height: 22px;
    width: 3px;
}


#Product .RightTabCorner
{
    float: left;
    background: url(/images/Tabs/TabBorderRight.gif);
    height: 22px;
    width: 3px;
}



#Product .FeatureImage
{
    float: left;
    height: 152px;
    width: 151px;
    position: relative;
}

#Product .FeatureImageDiv
{
    text-align: center;
    position: absolute; 
    margin-top: 0px;
}

#Product .FeatureCopy
{
    float: right;
    height: 150px;
    width: 390px;
    position: relative;
    display: table;
}

#Product .FeatureCopyNoImage
{
    float: right;
    height: 200px;
    width: 547px;
    position: relative;
    display: table;
}

#Product .FeatureCopyDiv
{
    display: table-cell;
    vertical-align: middle;
}

#Product .FeatureCopy .Headline
{
    color: #ED1C24;
}

#VideoBox
{
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}



/*                                     */
/*       GOLD PRODUCT STYLES           */
/*                                     */
#GoldProductBody
{
    height: 380px;
}

#GoldProductCopy
{
    width: 295px;
    float: right;
    margin-top: 4px;
    font-size: 11px;
}

#GoldProductCopy h3
{
    color: #786538;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
}

#GoldProductCopy a
{
    color: #786538;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}

#GoldProductCopy a:hover
{
    text-decoration: underline;
}

#GoldProductHeadline
{
    padding-bottom: 10px;
    padding-top: 5px;
    margin-left: 15px;
    width: 250px;
    height: 90px;
}

#GoldProductHeadline h1 
{
    color:#786538;
    font-size:22px;
    font-weight: bold;
    margin: 10px 0px;
    line-height: 26px;
}

#GoldProductHeadline h2 
{
    color:#786538;
    font-size:12px;
    font-weight: bold;
}

#GoldProductImage
{
    float: left; 
    width: 260px; 
    height: 240px;
}

#GoldFooter
{
    margin-bottom: 0px;
    font-size: 11px;
    background-color: #7E6B3B;
    padding-top: 3px;
    background-image: url(/images/GoldFooterBG.jpg);
    background-position: center top;
}

#GoldFeedingGuidelines
{
   height: 50px;
   padding-left: 16px;
   padding-top: 10px;
}

#GoldFeedingGuidelines a
{
   color: white;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
}

#GoldFeedingGuidelines a:hover
{
   text-decoration: underline;
}

#GoldRetailerSearch
{
    float: right;
    width: 150px;
    color: white;
}


/*      GOLD TAB INTERFACE STYLES           */
#GoldFooter .tabbed-on 
{
    position: relative;
}

#GoldFooter .tabbed-on .hidden 
{
    position: absolute;
    left: -999em;
}

#GoldFooter .tabbed-on .folder 
{
    position: absolute;
    top: 0;
    left: -999em;
    height: 170px;
    padding: 8px;
    
    background-color: #D8D0BD;
    border-style: solid;
    border-width: 1px;
    border-color: #7E6B3B;
    font-family: Arial;
    font-size: 12px;
}

#GoldFooter .tabbed-on .folder.visible {
    position: static;
}

#GoldFooter .tabbed-on .index {
    top: -21px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
}

#GoldFooter .tabbed-on .index li 
{
    background-color: #ffffff;
    margin-right: 2px;
    border-bottom: solid 1px #7E6B3B;

    height: 21px;
    cursor: pointer;
    list-style: none;
    float: left;
    text-transform: uppercase;
    white-space: normal;
    font-family: Arial Narrow;
}

#GoldFooter .tabbed-on .TabCopy 
{
    margin: 5px 4px 4px 4px;
    white-space: normal;
    height: 12px;
    float: left;
}

#GoldFooter .tabbed-on .index li:hover {
    color:#333333;
}

#GoldFooter .tabbed-on .index li:focus {
    background-color: #D8D0BD;
}

#GoldFooter .tabbed-on .index .active {
    height: 22px;
    color:#333333;
    font-weight: bold;
    background-color: #D8D0BD;
    border-bottom: none;
}

#GoldFooter .LeftTabCorner
{
    float: left;
    background: url(/images/Tabs/TabBorderLeftGold.gif);
    height: 22px;
    width: 3px;
}


#GoldFooter .RightTabCorner
{
    float: left;
    background: url(/images/Tabs/TabBorderRightGold.gif);
    height: 22px;
    width: 3px;
}

#GoldFooter .FeatureImage
{
    float: left;
    height: 152px;
    width: 151px;
    position: relative;
}

#GoldFooter .FeatureImageDiv
{
    text-align: center;
    position: absolute; 
    margin-top: 10px;
}

#GoldFooter .FeatureCopy
{
    float: right;
    height: 170px;
    width: 390px;
    position: relative;
    display: table;
}

#GoldFooter .FeatureCopyNoImage
{
    float: right;
    height: 170px;
    width: 547px;
    position: relative;
    display: table;
    font-size: 11px;
}

#GoldFooter .FeatureCopyDiv
{
    display: table-cell;
    vertical-align: middle;
}


#GoldFooter .FeatureCopy .Headline
{
    color: #ED1C24;
}




/*                                     */
/*       WET DIET PRODUCT STYLES       */
/*                                     */
#WetProductBody
{
    height: 380px;
}

#WetProductCopy
{
    width: 295px;
    float: right;
    margin-top: 4px;
}

#WetProductCopy h3
{
    color: #666666;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
}

#WetProductCopy a
{
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#WetProductCopy a:hover
{
    text-decoration: underline;
}

#WetProductHeadline
{
    padding-bottom: 10px;
    padding-top: 5px;
    margin-left: 15px;
    width: 250px;
    height: 90px;
}

#WetProductHeadline h1 
{
    color:#786538;
    font-size:28px;
    font-weight: bold;
    margin: 10px 0px;
    line-height: 26px;
}

#WetProductHeadline h2 
{
    color:#786538;
    font-size:12px;
    font-weight: bold;
}

#WetProductImage
{
    float: left; 
    width: 260px; 
    height: 240px;
}

#WetFooter
{
    margin-bottom: 0px;
    font-size: 11px;
    background-color: #C6C6C6;
    padding-top: 3px;
}

#WetFeedingGuidelines
{
   height: 50px;
   padding-left: 16px;
   padding-top: 10px;
}

#WetFeedingGuidelines a
{
   color: #666666;
   font-weight: bold;
   font-size: 12px;
   text-decoration: none;
}

#WetFeedingGuidelines a:hover
{
   text-decoration: underline;
}

#WetRetailerSearch
{
    float: right;
    width: 150px;
    color: #666666;
}


/*      WET TAB INTERFACE STYLES           */
#WetFooter .tabbed-on 
{
    position: relative;
}

#WetFooter .tabbed-on .hidden 
{
    position: absolute;
    left: -999em;
}

#WetFooter .tabbed-on .folder 
{
    position: absolute;
    top: 0;
    left: -999em;
    height: 170px;
    padding: 8px;

    background-color: #EAEAEB;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Arial;
    font-size: 12px;
}

#WetFooter .tabbed-on .folder.visible {
    position: static;
}

#WetFooter .tabbed-on .index {
    top: -21px;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
}

#WetFooter .tabbed-on .index li 
{
    background: url(/images/Tabs/TabBackgroundWet.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
    margin-right: 2px;
    border-bottom: solid 1px #666666;

    height: 21px;
    cursor: pointer;
    list-style: none;
    float: left;
    text-transform: uppercase;
    white-space: normal;
    font-family: Arial Narrow;
}

#WetFooter .tabbed-on .TabCopy 
{
    margin: 5px 4px 4px 4px;
    white-space: normal;
    height: 12px;
    float: left;
}

#WetFooter .tabbed-on .index li:hover {
    color:#333333;
}

#WetFooter .tabbed-on .index li:focus {
    background-color: #ffffff;
}

#WetFooter .tabbed-on .index .active {
    height: 22px;
    color:#333333;
    font-weight: bold;
    background-color: #EAEAEB;
    border-bottom: none;
}

#WetFooter .LeftTabCorner
{
    float: left;
    background: url(/images/Tabs/TabBorderLeftWet.gif);
    height: 22px;
    width: 3px;
}


#WetFooter .RightTabCorner
{
    float: left;
    background: url(/images/Tabs/TabBorderRightWet.gif);
    height: 22px;
    width: 3px;
}

#WetFooter .FeatureImage
{
    float: left;
    height: 152px;
    width: 151px;
    position: relative;
}

#WetFooter .FeatureImageDiv
{
    text-align: center;
    position: absolute; 
    margin-top: 10px;
}

#WetFooter .FeatureCopy
{
    float: right;
    height: 170px;
    width: 390px;
    position: relative;
    display: table;
}

#WetFooter .FeatureCopyNoImage
{
    float: right;
    height: 170px;
    width: 547px;
    position: relative;
    display: table;
    font-size: 11px;
}

#WetFooter .FeatureCopyDiv
{
    display: table-cell;
    vertical-align: middle;
}


#WetFooter .FeatureCopy .Headline
{
    color: #666666;
    font-weight: bold;
}



/*                                     */
/*      RELATED ARTICLES HEADERS       */
/*                                     */
.ArticlesHeader
{
    color: #786538;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: bold;
}

.ArticlesHeader a
{
    color: #786538;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.ArticlesHeader a:hover
{
    text-decoration: underline;
}



/*                                     */
/*      PRODUCT CALLOUT STYLES         */
/*                                     */
#ProductCallouts
{
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 20px;
    width: 450px;
    height: 115px;
}

.ProductHeadline
{
    color: #ED1C24; 
    font-size: 14px;
    height: 15px;
}

.ProductRetailSearchBox
{
    font-size: 12px; 
    width: 60px;
    margin-right: 10px;
}

.ProductRetailSearchButton
{
    font-size: 12px;
}

.ProductCalloutSeperator
{
    width: 15px;
    float: right;
}

.ProductBrochure
{
    width: 300px;
    float: right;
}

.ProductBrochureLink
{
    width: 275px;
    float: right;
    font-size: 14px;
    color: #ED1C24; 
}


/*                                     */
/*        PRODUCT GRID STYLES          */
/*                                     */
.ProductGridBox
{
    width: 190px; 
    height: 150px; 
    float: left; 

    font-family: Arial;
    font-size: 9px;
    color: #666666;
}

.ProductGridBox a
{
    font-size: 10px;
    color: #ED1C24;
}

.ProductGridHeadline
{
    font-weight: bold;
    font-size: 11px;
}

.ProductGridImage
{
    float: right;
    width: 66px;
    height: 110px;
    margin: 0px 10px 0px 0px;
}

.ProductItem
{
    float: left;
    margin: 0px 5px 0px 0px;
    width: 97px;
}

.ProductSeperator
{
    float: left;
    margin: 0px 10px 0 0;
}

#Breadcrumbs
{
    font-size: 11px;
}

#Breadcrumbs a
{
    color:#ED1C24;
    font-size: 11px;
    text-decoration:none;
}

#Breadcrumbs a:hover 
{
    text-decoration:underline;
}


/*                                     */
/*      INTERACTIVE ICON STYLES        */
/*                                     */
#GoldIcons
{
    background-color: #4C3F22;
    height: 144px;
    padding: 8px;
    margin: 8px;
    display: block;
    text-align: center;
}

#GoldIcons a
{
    width: 72px;
    height: 144px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    background-image: url(/images/IconBG_Off.jpg);
    float: left;
    margin-right: 5px;
}

#GoldIcons a:hover
{
    background-image: url(/images/IconBG_Over.jpg);
}

#GoldIcons a:focus
{
    border-bottom: none;
}

#GoldSocialIcons
{
    width: 150px;
    height: 144px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    background-image: url(/images/IconSocial.jpg);
    float: left;
}

#GoldSocialIcons a
{
    background-image: none;
    height: 27px;
    width: 38px;
    margin-right: 2px;
    margin-top: 5px;
}

#GoldSocialIcons a:hover
{
    background-image: none;
}


/*                                        */
/*      WET INTERACTIVE ICON STYLES       */
/*                                        */

#WetFooter #GoldIcons
{
    background-color: #9e9e9e;
    height: 144px;
    padding: 8px;
    margin: 8px;
    display: block;
    text-align: center;
}

#WetFooter #GoldIcons a
{
    width: 72px;
    height: 144px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    background-image: url(/images/IconBGWet_Off.jpg);
    float: left;
    margin-right: 5px;
}

#WetFooter #GoldIcons a:hover
{
    background-image: url(/images/IconBGWet_Over.jpg);
}

#WetFooter #GoldSocialIcons
{
    width: 150px;
    height: 144px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    background-image: url(/images/IconWetSocial.jpg);
    float: left;
}

#WetFooter #GoldSocialIcons a
{
    background-image: none;
    height: 27px;
    width: 38px;
    margin-right: 2px;
    margin-top: 5px;
}

#WetFooter #GoldSocialIcons a:hover
{
    background-image: none;
}





.popupheader
{
    color: #786538;
    font-size: 12px;
    font-weight: bold;
}

.popupimage
{
    position: absolute;
    height: 152px;
    width: 151px;
}

.popupcopy
{
    float: left;
    height: 115px;
    width: 400px;
    padding: 50px 0px 0px 160px;
}


/* EDITOR PROPERTIES */


/* EDITOR PROPERTIES */

