﻿<Application
    x:Class="WinStore.App"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:WinStore.UX.Controls"
    xmlns:pdp="using:WinStore.UX.Controls.PDP"
    xmlns:rateAndReview="using:WinStore.UX.Controls.RateAndReview"
    xmlns:tiles="using:WinStore.UX.Controls.Tiles">

    <Application.Resources>
        <ResourceDictionary>

            <!-- PUT NOTHING HERE - Everything should go below ThemeDictionaries (i.e. Brushes) -->


            <!--===============================================================================================================-->
            <!--===============================================================================================================-->
            <!--===============================================================================================================-->
            <!--===============================================================================================================-->

            <!--________         ________          ____     ___        ____         ____    ____      __________         ____   
                `MMMMMMMb.       `MMMMMMMb.        `MM'     `M'       6MMMMb\       `MM'    `MM'      `MMMMMMMMM        6MMMMb\ 
                 MM    `Mb        MM    `Mb         MM       M       6M'    `        MM      MM        MM      \       6M'    ` 
                 MM     MM        MM     MM         MM       M       MM              MM      MM        MM              MM       
                 MM    .M9        MM     MM         MM       M       YM.             MM      MM        MM    ,         YM.      
                 MMMMMMM(         MM    .M9         MM       M        YMMMMb         MMMMMMMMMM        MMMMMMM          YMMMMb  
                 MM    `Mb        MMMMMMM9'         MM       M            `Mb        MM      MM        MM    `              `Mb 
                 MM     MM        MM  \M\           MM       M             MM        MM      MM        MM                    MM 
                 MM     MM        MM   \M\          YM       M             MM        MM      MM        MM                    MM 
                 MM    .M9        MM    \M\          8b     d8       L    ,M9        MM      MM        MM      /       L    ,M9 
                _MMMMMMM9'       _MM_    \M\_         YMMMMM9        MYMMMM9        _MM_    _MM_      _MMMMMMMMM       MYMMMM9  -->

            <!--===============================================================================================================-->
            <!--===============================================================================================================-->
            <!--===============================================================================================================-->
            <!--=== BRUSHES ===================================================================================================-->


            <ResourceDictionary.ThemeDictionaries>
                <ResourceDictionary x:Key="HighContrastBlack">
                    <!--  Core Color Palette  -->
                    <Color x:Key="ColorWhite">#FFFFFF</Color>
                    <Color x:Key="ColorBlack">#000000</Color>

                    <Color x:Key="ColorLight10">#F0F0F0</Color>
                    <Color x:Key="ColorLight20">#E6E7E8</Color>
                    <Color x:Key="ColorLight30">#D3D3D3</Color>

                    <Color x:Key="ColorMedium10">#8B8B8B</Color>
                    <Color x:Key="ColorMedium20">#5D5D5D</Color>

                    <Color x:Key="ColorDark10">#404040</Color>
                    <Color x:Key="ColorDark20">#2D2D2D</Color>
                    <Color x:Key="ColorDark30">#222222</Color>

                    <Color x:Key="BaseLowLight">#33000000</Color>
                    <Color x:Key="BaseMediumLowLight">#66000000</Color>
                    <Color x:Key="BaseMediumLight">#99000000</Color>
                    <Color x:Key="BaseMediumHighLight">#CC000000</Color>
                    <Color x:Key="BaseHighLight">#FF000000</Color>
                    <Color x:Key="ChromeMediumLight">#FFE6E6E6</Color>

                    <Color x:Key="BaseLowDark">#33FFFFFF</Color>
                    <Color x:Key="BaseMediumLowDark">#66FFFFFF</Color>
                    <Color x:Key="BaseMediumDark">#99FFFFFF</Color>
                    <Color x:Key="BaseMediumHighDark">#CCFFFFFF</Color>
                    <Color x:Key="BaseHighDark">#FFFFFFFF</Color>
                    <Color x:Key="ChromeMediumDark">#FF393939</Color>

                    <Color x:Key="ColorRed">#FFC62828</Color>

                    <Color x:Key="ColorSpotlightTileLight">#D8D8D8</Color>
                    <Color x:Key="ColorSpotlightTileDark">#363636</Color>

                    <Color x:Key="HorizontalScrollViewerButtonNormalColor">#99000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonHoverColor">#CC000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonPressColor">#FF000000</Color>

                    <Color x:Key="ButtonBackgroundLightColor">#E6E6E6</Color>
                    <Color x:Key="ButtonBackgroundLightHoverColor">#D8D8D8</Color>
                    <Color x:Key="ButtonBackgroundLightDownColor">#8B8B8B</Color>
                    <Color x:Key="ButtonKeyboardFocusColor">#8B8B8B</Color>

                    <Color x:Key="FallbackImageColor">#A8A8A8</Color>

                    <Color x:Key="CategoryHoverLightColor">#CFD0D1</Color>
                    <Color x:Key="CategoryPressedLightColor">#B8B9BA</Color>
                    <Color x:Key="CategoryHoverDarkColor">#282828</Color>
                    <Color x:Key="CategoryPressedDarkColor">#242424</Color>

                    <Color x:Key="OverrideSystemColorHotlightColor">#FFFF00</Color>
                    <Color x:Key="OverrideSystemColorHighlightColor">#1AEBFF</Color>
                    <Color x:Key="OverrideSystemColorHighlightTextColor">#000000</Color>
                    <Color x:Key="OverrideSystemColorButtonFaceColor">#000000</Color>
                    <Color x:Key="OverrideSystemColorButtonTextColor">#FFFFFF</Color>
                    <Color x:Key="OverrideSystemColorGrayTextColor">#3FF23F</Color>
                    <Color x:Key="OverrideSystemColorWindowColor">#000000</Color>
                    <Color x:Key="OverrideSystemColorWindowTextColor">#FFFFFF</Color>

                    <!--  System override  -->
                    <SolidColorBrush x:Key="PrimaryBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="ProgressBarIndeterminateForegroundThemeBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="ListViewItemPointerOverBackgroundThemeBrush" Color="Transparent" />

                    <!--  Brushes  -->
                    <SolidColorBrush x:Key="AppThemePrimaryBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="AppThemeSecondaryBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundAltBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundAltBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundLightBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundLightBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundDarkBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundDarkBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="AccentThemeBrush" Color="{ThemeResource SystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="ForegroundActiveBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="ForegroundActivePressBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="AppThemeIconBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="AppThemeIconHoverBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="AppThemeIconPressBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="BodyBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="BodyBackgroundStroke" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    
                    <SolidColorBrush x:Key="ListViewItemSelectedForegroundThemeBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="ButtonBackgroundLightBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="ButtonBackgroundLightPressBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="ButtonThemedForegroundBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="ButtonThemedForegroundPressBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
					
					<SolidColorBrush x:Key="InformationValueBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="KeyboardFocusBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="RatingNoneBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="RatingCommunityBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="RatingUserBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="NavItemForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="NavBackButtonBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="NavBackButtonForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="SearchBackgroundBrush" Color="{ThemeResource SystemAltHighColor}" />
					<SolidColorBrush x:Key="SearchForegroundBrush" Color="{ThemeResource SystemBaseHighColor}" />
					<SolidColorBrush x:Key="SearchBorderPointerOverBrush" Color="{ThemeResource SystemChromeAltLowColor}" />
					<SolidColorBrush x:Key="SearchPlaceholderTextBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="SpotlightTileBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="TileItemPlaceholderFillBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="TileItemHoverFillBrush" Color="Transparent" />
                    <SolidColorBrush x:Key="TileItemHoverBorderBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="HamburgerBorderBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HamburgerHoverBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="HamburgerBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HamburgerForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HamburgerSelectedTextBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HamburgerHoverForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="HeroIndicatorDotBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotActiveBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotBorderBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="ProfilePopupBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="DownloadsIconBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="DownloadsButtonBrush" Color="{ThemeResource OverrideSystemColorButtonFaceColor}" />

                    <SolidColorBrush x:Key="PDPProductIdentityBackgroundColorBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="HyperlinkButtonHoverBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HyperlinkButtonPressedBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HyperlinkButtonDisabledBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="QuickLinksBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="QuickLinksItemLinkBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonHoverBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonPressBrush" Color="{ThemeResource OverrideSystemColorGrayTextColor}" />

                    <SolidColorBrush x:Key="PromoPriceBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="ErrorTextBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="FallbackImageBrush" Color="{StaticResource FallbackImageColor}"/>

                    <SolidColorBrush x:Key="CategoriesForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="CategoriesBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="CategoriesHoverBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="CategoriesPressedBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="PaddleBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PaddleBackgroundHoverBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PaddleBackgroundPressedBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PaddleForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    
                    <SolidColorBrush x:Key="HighContrastBorderBrush" Color="{ThemeResource OverrideSystemColorButtonTextColor}" />

                    <!-- Begin: MVR only -->
                    <!-- PLACEHOLDER Colors Until Design Guide Is Complete -->
                    <SolidColorBrush x:Key="PlaceholderSpotlightBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PlaceholderSpotlightRectFillBrush" Color="{StaticResource ColorDark10}" />
                    <SolidColorBrush x:Key="PlaceholderRectFillBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="SpotlightStrokeBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HighContrastBackgroundFillBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="GalleryHeroImageBackgroundBrush" Color="{StaticResource ColorBlack}" />

                    <SolidColorBrush x:Key="ColumnListItemSelectedForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="ColumnListItemSelectedBackgroundBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="ProgressBarBackgroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                </ResourceDictionary>

                <ResourceDictionary x:Key="HighContrastWhite">
                    <!--  Core Color Palette  -->
                    <Color x:Key="ColorWhite">#FFFFFF</Color>
                    <Color x:Key="ColorBlack">#000000</Color>

                    <Color x:Key="ColorLight10">#F0F0F0</Color>
                    <Color x:Key="ColorLight20">#E6E7E8</Color>
                    <Color x:Key="ColorLight30">#D3D3D3</Color>

                    <Color x:Key="ColorMedium10">#8B8B8B</Color>
                    <Color x:Key="ColorMedium20">#5D5D5D</Color>

                    <Color x:Key="ColorDark10">#404040</Color>
                    <Color x:Key="ColorDark20">#2D2D2D</Color>
                    <Color x:Key="ColorDark30">#222222</Color>

                    <Color x:Key="BaseLowLight">#33000000</Color>
                    <Color x:Key="BaseMediumLowLight">#66000000</Color>
                    <Color x:Key="BaseMediumLight">#99000000</Color>
                    <Color x:Key="BaseMediumHighLight">#CC000000</Color>
                    <Color x:Key="BaseHighLight">#FF000000</Color>
                    <Color x:Key="ChromeMediumLight">#FFE6E6E6</Color>

                    <Color x:Key="BaseLowDark">#33FFFFFF</Color>
                    <Color x:Key="BaseMediumLowDark">#66FFFFFF</Color>
                    <Color x:Key="BaseMediumDark">#99FFFFFF</Color>
                    <Color x:Key="BaseMediumHighDark">#CCFFFFFF</Color>
                    <Color x:Key="BaseHighDark">#FFFFFFFF</Color>
                    <Color x:Key="ChromeMediumDark">#FF393939</Color>

                    <Color x:Key="ColorRed">#FFC62828</Color>

                    <Color x:Key="ColorSpotlightTileLight">#D8D8D8</Color>
                    <Color x:Key="ColorSpotlightTileDark">#363636</Color>

                    <Color x:Key="HorizontalScrollViewerButtonNormalColor">#99000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonHoverColor">#CC000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonPressColor">#FF000000</Color>

                    <Color x:Key="ButtonBackgroundLightColor">#E6E6E6</Color>
                    <Color x:Key="ButtonBackgroundLightHoverColor">#D8D8D8</Color>
                    <Color x:Key="ButtonBackgroundLightDownColor">#8B8B8B</Color>
                    <Color x:Key="ButtonKeyboardFocusColor">#8B8B8B</Color>

                    <Color x:Key="FallbackImageColor">#A8A8A8</Color>

                    <Color x:Key="CategoryHoverLightColor">#CFD0D1</Color>
                    <Color x:Key="CategoryPressedLightColor">#B8B9BA</Color>
                    <Color x:Key="CategoryHoverDarkColor">#282828</Color>
                    <Color x:Key="CategoryPressedDarkColor">#242424</Color>

                    <Color x:Key="OverrideSystemColorHotlightColor">#00009F</Color>
                    <Color x:Key="OverrideSystemColorHighlightColor">#37006E</Color>
                    <Color x:Key="OverrideSystemColorHighlightTextColor">#FFFFFF</Color>
                    <Color x:Key="OverrideSystemColorButtonFaceColor">#FFFFFF</Color>
                    <Color x:Key="OverrideSystemColorButtonTextColor">#000000</Color>
                    <Color x:Key="OverrideSystemColorGrayTextColor">#600000</Color>
                    <Color x:Key="OverrideSystemColorWindowColor">#FFFFFF</Color>
                    <Color x:Key="OverrideSystemColorWindowTextColor">#000000</Color>

                    <!--  System override  -->
                    <SolidColorBrush x:Key="PrimaryBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="ProgressBarIndeterminateForegroundThemeBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="ListViewItemPointerOverBackgroundThemeBrush" Color="Transparent" />

                    <!--  Brushes  -->
                    <SolidColorBrush x:Key="AppThemePrimaryBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="AppThemeSecondaryBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundAltBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundAltBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundLightBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundLightBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundDarkBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundDarkBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="AccentThemeBrush" Color="{ThemeResource SystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="ForegroundActiveBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="ForegroundActivePressBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="AppThemeIconBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="AppThemeIconHoverBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="AppThemeIconPressBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="BodyBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="BodyBackgroundStroke" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="ListViewItemSelectedForegroundThemeBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="ButtonBackgroundLightBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="ButtonBackgroundLightPressBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="ButtonThemedForegroundBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="ButtonThemedForegroundPressBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
					
					<SolidColorBrush x:Key="InformationValueBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="KeyboardFocusBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="RatingNoneBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="RatingCommunityBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="RatingUserBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="NavItemForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="NavBackButtonBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="NavBackButtonForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="SearchBackgroundBrush" Color="{ThemeResource SystemAltHighColor}" />
					<SolidColorBrush x:Key="SearchForegroundBrush" Color="{ThemeResource SystemBaseHighColor}" />
					<SolidColorBrush x:Key="SearchBorderPointerOverBrush" Color="{ThemeResource SystemChromeAltLowColor}" />
					<SolidColorBrush x:Key="SearchPlaceholderTextBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="SpotlightTileBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="TileItemPlaceholderFillBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="TileItemHoverFillBrush" Color="Transparent" />
                    <SolidColorBrush x:Key="TileItemHoverBorderBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="HamburgerBorderBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HamburgerHoverBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="HamburgerBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HamburgerForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HamburgerSelectedTextBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HamburgerHoverForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="HeroIndicatorDotBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotActiveBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotBorderBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="ProfilePopupBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="DownloadsIconBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="DownloadsButtonBrush" Color="{ThemeResource OverrideSystemColorButtonFaceColor}" />

                    <SolidColorBrush x:Key="PDPProductIdentityBackgroundColorBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="HyperlinkButtonHoverBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HyperlinkButtonPressedBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HyperlinkButtonDisabledBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="QuickLinksBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="QuickLinksItemLinkBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonHoverBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonPressBrush" Color="{ThemeResource OverrideSystemColorGrayTextColor}" />

                    <SolidColorBrush x:Key="PromoPriceBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="ErrorTextBrush" Color="{ThemeResource OverrideSystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="FallbackImageBrush" Color="{StaticResource FallbackImageColor}"/>

                    <SolidColorBrush x:Key="CategoriesForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="CategoriesBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="CategoriesHoverBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="CategoriesPressedBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="PaddleBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PaddleBackgroundHoverBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PaddleBackgroundPressedBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PaddleForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    
                    <SolidColorBrush x:Key="HighContrastBorderBrush" Color="{ThemeResource OverrideSystemColorButtonTextColor}" />

                    <!-- Begin: MVR only -->
                    <!-- PLACEHOLDER Colors Until Design Guide Is Complete -->
                    <SolidColorBrush x:Key="PlaceholderSpotlightBackgroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PlaceholderSpotlightRectFillBrush" Color="{StaticResource ColorDark10}" />
                    <SolidColorBrush x:Key="PlaceholderRectFillBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="SpotlightStrokeBrush" Color="{ThemeResource OverrideSystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HighContrastBackgroundFillBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />

                    <SolidColorBrush x:Key="GalleryHeroImageBackgroundBrush" Color="{StaticResource ColorBlack}" />

                    <SolidColorBrush x:Key="ColumnListItemSelectedForegroundBrush" Color="{ThemeResource OverrideSystemColorWindowColor}" />
                    <SolidColorBrush x:Key="ColumnListItemSelectedBackgroundBrush" Color="{ThemeResource OverrideSystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="ProgressBarBackgroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                </ResourceDictionary>

                <ResourceDictionary x:Key="HighContrast">
                    <!--  Core Color Palette  -->
                    <Color x:Key="ColorWhite">#FFFFFF</Color>
                    <Color x:Key="ColorBlack">#000000</Color>

                    <Color x:Key="ColorLight10">#F0F0F0</Color>
                    <Color x:Key="ColorLight20">#E6E7E8</Color>
                    <Color x:Key="ColorLight30">#D3D3D3</Color>

                    <Color x:Key="ColorMedium10">#8B8B8B</Color>
                    <Color x:Key="ColorMedium20">#5D5D5D</Color>

                    <Color x:Key="ColorDark10">#404040</Color>
                    <Color x:Key="ColorDark20">#2D2D2D</Color>
                    <Color x:Key="ColorDark30">#222222</Color>

                    <Color x:Key="BaseLowLight">#33000000</Color>
                    <Color x:Key="BaseMediumLowLight">#66000000</Color>
                    <Color x:Key="BaseMediumLight">#99000000</Color>
                    <Color x:Key="BaseMediumHighLight">#CC000000</Color>
                    <Color x:Key="BaseHighLight">#FF000000</Color>
                    <Color x:Key="ChromeMediumLight">#FFE6E6E6</Color>

                    <Color x:Key="BaseLowDark">#33FFFFFF</Color>
                    <Color x:Key="BaseMediumLowDark">#66FFFFFF</Color>
                    <Color x:Key="BaseMediumDark">#99FFFFFF</Color>
                    <Color x:Key="BaseMediumHighDark">#CCFFFFFF</Color>
                    <Color x:Key="BaseHighDark">#FFFFFFFF</Color>
                    <Color x:Key="ChromeMediumDark">#FF393939</Color>

                    <Color x:Key="ColorRed">#FFC62828</Color>

                    <Color x:Key="ColorSpotlightTileLight">#D8D8D8</Color>
                    <Color x:Key="ColorSpotlightTileDark">#363636</Color>

                    <Color x:Key="HorizontalScrollViewerButtonNormalColor">#99000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonHoverColor">#CC000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonPressColor">#FF000000</Color>

                    <Color x:Key="ButtonBackgroundLightColor">#E6E6E6</Color>
                    <Color x:Key="ButtonBackgroundLightHoverColor">#D8D8D8</Color>
                    <Color x:Key="ButtonBackgroundLightDownColor">#8B8B8B</Color>
                    <Color x:Key="ButtonKeyboardFocusColor">#8B8B8B</Color>

                    <Color x:Key="FallbackImageColor">#A8A8A8</Color>

                    <Color x:Key="CategoryHoverLightColor">#CFD0D1</Color>
                    <Color x:Key="CategoryPressedLightColor">#B8B9BA</Color>
                    <Color x:Key="CategoryHoverDarkColor">#282828</Color>
                    <Color x:Key="CategoryPressedDarkColor">#242424</Color>

                    <!--  System override  -->
                    <SolidColorBrush x:Key="PrimaryBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="ProgressBarIndeterminateForegroundThemeBrush" Color="{ThemeResource SystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="ListViewItemPointerOverBackgroundThemeBrush" Color="Transparent" />

                    <!--  Brushes  -->
                    <SolidColorBrush x:Key="AppThemePrimaryBrush" Color="{ThemeResource SystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="AppThemeSecondaryBrush" Color="{ThemeResource SystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundAltBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundAltBrush" Color="{ThemeResource SystemColorWindowColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundLightBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundLightBrush" Color="{ThemeResource SystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundDarkBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="SecondaryForegroundDarkBrush" Color="{ThemeResource SystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="AccentThemeBrush" Color="{ThemeResource SystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="ForegroundActiveBrush" Color="{ThemeResource SystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="ForegroundActivePressBrush" Color="{ThemeResource SystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="AppThemeIconBrush" Color="{ThemeResource SystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="AppThemeIconHoverBrush" Color="{ThemeResource SystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="AppThemeIconPressBrush" Color="{ThemeResource SystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="BodyBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="BodyBackgroundStroke" Color="{ThemeResource SystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="ListViewItemSelectedForegroundThemeBrush" Color="{ThemeResource SystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="ButtonBackgroundLightBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="ButtonBackgroundLightPressBrush" Color="{ThemeResource SystemColorWindowColor}" />
					
					<SolidColorBrush x:Key="InformationValueBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="ButtonThemedForegroundBrush" Color="{ThemeResource SystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="ButtonThemedForegroundPressBrush" Color="{ThemeResource SystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="KeyboardFocusBrush" Color="{ThemeResource SystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="RatingNoneBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="RatingCommunityBrush" Color="{ThemeResource SystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="RatingUserBrush" Color="{ThemeResource SystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="NavItemForegroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="NavBackButtonBackgroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="NavBackButtonForegroundBrush" Color="{ThemeResource SystemColorWindowColor}" />

                    <SolidColorBrush x:Key="SearchBackgroundBrush" Color="{ThemeResource SystemAltHighColor}" />
					<SolidColorBrush x:Key="SearchForegroundBrush" Color="{ThemeResource SystemBaseHighColor}" />
					<SolidColorBrush x:Key="SearchBorderPointerOverBrush" Color="{ThemeResource SystemChromeAltLowColor}" />
					<SolidColorBrush x:Key="SearchPlaceholderTextBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="SpotlightTileBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />

                    <SolidColorBrush x:Key="TileItemPlaceholderFillBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="TileItemHoverFillBrush" Color="Transparent" />
                    <SolidColorBrush x:Key="TileItemHoverBorderBrush" Color="{ThemeResource SystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="HamburgerBorderBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HamburgerHoverBrush" Color="{ThemeResource SystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="HamburgerBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HamburgerForegroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HamburgerSelectedTextBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HamburgerHoverForegroundBrush" Color="{ThemeResource SystemColorWindowColor}" />

                    <SolidColorBrush x:Key="HeroIndicatorDotBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotActiveBrush" Color="{ThemeResource SystemColorHighlightColor}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotBorderBrush" Color="{ThemeResource SystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="ProfilePopupBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />

                    <SolidColorBrush x:Key="DownloadsIconBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="DownloadsButtonBrush" Color="{ThemeResource SystemColorButtonFaceColor}" />

                    <SolidColorBrush x:Key="PDPProductIdentityBackgroundColorBrush" Color="{ThemeResource SystemColorWindowColor}" />

                    <SolidColorBrush x:Key="HyperlinkButtonHoverBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HyperlinkButtonPressedBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HyperlinkButtonDisabledBrush" Color="{ThemeResource SystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="QuickLinksBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="QuickLinksItemLinkBrush" Color="{ThemeResource SystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonHoverBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonPressBrush" Color="{ThemeResource SystemColorWindowColor}" />

                    <SolidColorBrush x:Key="PromoPriceBrush" Color="{ThemeResource SystemColorHotlightColor}" />
                    <SolidColorBrush x:Key="ErrorTextBrush" Color="{ThemeResource SystemColorHotlightColor}" />

                    <SolidColorBrush x:Key="FallbackImageBrush" Color="{StaticResource FallbackImageColor}"/>

                    <SolidColorBrush x:Key="CategoriesForegroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="CategoriesBackgroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="CategoriesHoverBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="CategoriesPressedBrush" Color="{ThemeResource SystemColorWindowTextColor}" />

                    <SolidColorBrush x:Key="PaddleBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PaddleBackgroundHoverBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PaddleBackgroundPressedBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PaddleForegroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    
                    <SolidColorBrush x:Key="HighContrastBorderBrush" Color="{ThemeResource SystemColorButtonTextColor}" />

                    <!-- Begin: MVR only -->
                    <!-- PLACEHOLDER Colors Until Design Guide Is Complete -->
                    <SolidColorBrush x:Key="PlaceholderSpotlightBackgroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="PlaceholderSpotlightRectFillBrush" Color="{StaticResource ColorDark10}" />
                    <SolidColorBrush x:Key="PlaceholderRectFillBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="SpotlightStrokeBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <SolidColorBrush x:Key="HighContrastBackgroundFillBrush" Color="{ThemeResource SystemColorWindowColor}" />

                    <SolidColorBrush x:Key="GalleryHeroImageBackgroundBrush" Color="{StaticResource ColorBlack}" />

                    <SolidColorBrush x:Key="ColumnListItemSelectedForegroundBrush" Color="{ThemeResource SystemColorWindowColor}" />
                    <SolidColorBrush x:Key="ColumnListItemSelectedBackgroundBrush" Color="{ThemeResource SystemColorHighlightColor}" />

                    <SolidColorBrush x:Key="ProgressBarBackgroundBrush" Color="{ThemeResource SystemColorWindowTextColor}" />
                    <!-- End: MVR only -->
                </ResourceDictionary>

                <ResourceDictionary x:Key="Light">
                    <!--  Core Color Palette  -->
                    <Color x:Key="ColorWhite">#FFFFFF</Color>
                    <Color x:Key="ColorBlack">#000000</Color>

                    <Color x:Key="ColorLight10">#F0F0F0</Color>
                    <Color x:Key="ColorLight20">#E6E7E8</Color>
                    <Color x:Key="ColorLight30">#D3D3D3</Color>

                    <Color x:Key="ColorMedium10">#8B8B8B</Color>
                    <Color x:Key="ColorMedium20">#5D5D5D</Color>

                    <Color x:Key="ColorDark10">#404040</Color>
                    <Color x:Key="ColorDark20">#2D2D2D</Color>
                    <Color x:Key="ColorDark30">#222222</Color>

                    <Color x:Key="BaseLowLight">#33000000</Color>
                    <Color x:Key="BaseMediumLowLight">#66000000</Color>
                    <Color x:Key="BaseMediumLight">#99000000</Color>
                    <Color x:Key="BaseMediumHighLight">#CC000000</Color>
                    <Color x:Key="BaseHighLight">#FF000000</Color>
                    <Color x:Key="ChromeMediumLight">#FFE6E6E6</Color>

                    <Color x:Key="BaseLowDark">#33FFFFFF</Color>
                    <Color x:Key="BaseMediumLowDark">#66FFFFFF</Color>
                    <Color x:Key="BaseMediumDark">#99FFFFFF</Color>
                    <Color x:Key="BaseMediumHighDark">#CCFFFFFF</Color>
                    <Color x:Key="BaseHighDark">#FFFFFFFF</Color>
                    <Color x:Key="ChromeMediumDark">#FF393939</Color>

                    <Color x:Key="ColorRed">#FFC62828</Color>

                    <Color x:Key="ColorSpotlightTileLight">#D8D8D8</Color>
                    <Color x:Key="ColorSpotlightTileDark">#363636</Color>

                    <Color x:Key="HorizontalScrollViewerButtonNormalColor">#99000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonHoverColor">#CC000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonPressColor">#FF000000</Color>

                    <Color x:Key="ButtonBackgroundLightColor">#E6E6E6</Color>
                    <Color x:Key="ButtonBackgroundLightHoverColor">#D8D8D8</Color>
                    <Color x:Key="ButtonBackgroundLightDownColor">#8B8B8B</Color>
                    <Color x:Key="ButtonKeyboardFocusColor">#8B8B8B</Color>

                    <Color x:Key="FallbackImageColor">#A8A8A8</Color>

                    <Color x:Key="CategoryHoverLightColor">#CFD0D1</Color>
                    <Color x:Key="CategoryPressedLightColor">#B8B9BA</Color>
                    <Color x:Key="CategoryHoverDarkColor">#282828</Color>
                    <Color x:Key="CategoryPressedDarkColor">#242424</Color>

                    <!--  System override  -->
                    <SolidColorBrush x:Key="PrimaryBackgroundBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="ApplicationPageBackgroundThemeBrush" Color="{ThemeResource SystemAltHighColor}" />
                    <SolidColorBrush x:Key="ProgressBarIndeterminateForegroundThemeBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="ListViewItemPointerOverBackgroundThemeBrush" Color="{ThemeResource SystemListLowColor}" />

                    <!--  Brushes  -->
                    <SolidColorBrush x:Key="AppThemePrimaryBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="AppThemeSecondaryBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundBrush" Color="{StaticResource ColorDark30}" />
                    <SolidColorBrush x:Key="SecondaryForegroundBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="PrimaryForegroundAltBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="SecondaryForegroundAltBrush" Color="{StaticResource ColorMedium10}" />

                    <SolidColorBrush x:Key="PrimaryForegroundLightBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="SecondaryForegroundLightBrush" Color="{StaticResource ColorMedium10}" />

                    <SolidColorBrush x:Key="PrimaryForegroundDarkBrush" Color="{StaticResource ColorDark30}" />
                    <SolidColorBrush x:Key="SecondaryForegroundDarkBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="AccentThemeBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="ForegroundActiveBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="ForegroundActivePressBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="AppThemeIconBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="AppThemeIconHoverBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="AppThemeIconPressBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="BodyBackgroundBrush" Color="{StaticResource ColorLight10}" />
                    <SolidColorBrush x:Key="BodyBackgroundStroke" Color="{StaticResource ColorLight30}" />

                    <SolidColorBrush x:Key="ButtonBackgroundLightBrush" Color="{StaticResource ColorLight20}" />
                    <SolidColorBrush x:Key="ButtonBackgroundLightPressBrush" Color="{StaticResource ColorLight30}" />

                    <SolidColorBrush x:Key="ButtonThemedForegroundBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="ButtonThemedForegroundPressBrush" Color="{ThemeResource SystemAccentColor}" />
					
					<SolidColorBrush x:Key="InformationValueBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="KeyboardFocusBrush" Color="{StaticResource ColorMedium10}" />

                    <SolidColorBrush x:Key="RatingNoneBrush" Color="{StaticResource ColorLight30}" />
                    <SolidColorBrush x:Key="RatingCommunityBrush" Color="{StaticResource ColorMedium10}" />
                    <SolidColorBrush x:Key="RatingUserBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="NavItemForegroundBrush" Color="{ThemeResource SystemBaseHighColor}" />

                    <SolidColorBrush x:Key="NavBackButtonBackgroundBrush" Color="{StaticResource ColorMedium20}" />
                    <SolidColorBrush x:Key="NavBackButtonForegroundBrush" Color="{StaticResource ColorWhite}" />

                    <SolidColorBrush x:Key="SearchBackgroundBrush" Color="{ThemeResource SystemAltHighColor}" />
					<SolidColorBrush x:Key="SearchForegroundBrush" Color="{ThemeResource SystemBaseHighColor}" />
					<SolidColorBrush x:Key="SearchBorderPointerOverBrush" Color="{ThemeResource SystemChromeAltLowColor}" />
					<SolidColorBrush x:Key="SearchPlaceholderTextBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="SpotlightTileBackgroundBrush" Color="{StaticResource ColorSpotlightTileLight}" />

                    <SolidColorBrush x:Key="TileItemPlaceholderFillBrush" Color="{StaticResource ColorLight20}" />
                    <SolidColorBrush x:Key="TileItemHoverFillBrush" Color="{StaticResource ColorLight30}" />
                    <SolidColorBrush x:Key="TileItemHoverBorderBrush" Color="Transparent" />

                    <SolidColorBrush x:Key="HamburgerBorderBrush" Color="Transparent" />
                    <SolidColorBrush x:Key="HamburgerHoverBrush" Color="{StaticResource ColorLight30}" />
                    <SolidColorBrush x:Key="HamburgerBackgroundBrush" Color="{StaticResource SystemChromeLowColor}" />
                    <SolidColorBrush x:Key="HamburgerForegroundBrush" Color="{StaticResource ColorBlack}" />
                    <SolidColorBrush x:Key="HamburgerSelectedTextBrush" Color="{StaticResource ColorBlack}" />
                    <SolidColorBrush x:Key="HamburgerHoverForegroundBrush" Color="{StaticResource ColorBlack}" />

                    <SolidColorBrush x:Key="HeroIndicatorDotBrush" Color="{StaticResource ColorMedium10}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotActiveBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotBorderBrush" Color="Transparent" />

                    <SolidColorBrush x:Key="ProfilePopupBackgroundBrush" Color="{StaticResource ChromeMediumLight}" />

                    <SolidColorBrush x:Key="PDPProductIdentityBackgroundColorBrush" Color="{StaticResource ColorLight10}" />

                    <SolidColorBrush x:Key="DownloadsIconBrush" Color="{StaticResource ColorBlack}" />
                    <SolidColorBrush x:Key="DownloadsButtonBrush" Color="{StaticResource ColorLight30}" />

                    <SolidColorBrush x:Key="HyperlinkButtonHoverBrush" Color="{StaticResource BaseMediumLight}" />
                    <SolidColorBrush x:Key="HyperlinkButtonPressedBrush" Color="{StaticResource BaseMediumLowLight}" />
                    <SolidColorBrush x:Key="HyperlinkButtonDisabledBrush" Color="{ThemeResource BaseLowLight}" />
                    <SolidColorBrush x:Key="HyperlinkButtonHoverAltBrush" Color="{StaticResource BaseMediumDark}" />
                    <SolidColorBrush x:Key="HyperlinkButtonPressedAltBrush" Color="{StaticResource BaseMediumLowDark}" />
                    <SolidColorBrush x:Key="HyperlinkButtonDisabledAltBrush" Color="{StaticResource BaseLowDark}" />

                    <SolidColorBrush x:Key="QuickLinksBackgroundBrush" Color="{StaticResource ColorLight10}" />
                    <SolidColorBrush x:Key="QuickLinksItemLinkBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonBrush" Color="{StaticResource HorizontalScrollViewerButtonNormalColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonHoverBrush" Color="{StaticResource HorizontalScrollViewerButtonHoverColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonPressBrush" Color="{StaticResource HorizontalScrollViewerButtonPressColor}" />

                    <SolidColorBrush x:Key="PromoPriceBrush" Color="{StaticResource ColorRed}" />
                    <SolidColorBrush x:Key="ErrorTextBrush" Color="{StaticResource ColorRed}" />

                    <SolidColorBrush x:Key="FallbackImageBrush" Color="{ThemeResource SystemChromeMediumColor}"/>

                    <SolidColorBrush x:Key="CategoriesForegroundBrush" Color="{ThemeResource ColorDark30}" />
                    <SolidColorBrush x:Key="CategoriesBackgroundBrush" Color="{ThemeResource ColorLight20}" />
                    <SolidColorBrush x:Key="CategoriesHoverBrush" Color="{ThemeResource CategoryHoverLightColor}" />
                    <SolidColorBrush x:Key="CategoriesPressedBrush" Color="{ThemeResource CategoryPressedLightColor}" />

                    <SolidColorBrush x:Key="PaddleBackgroundBrush" Color="{ThemeResource BaseMediumLowLight}" />
                    <SolidColorBrush x:Key="PaddleBackgroundHoverBrush" Color="{ThemeResource BaseMediumLight}" />
                    <SolidColorBrush x:Key="PaddleBackgroundPressedBrush" Color="{ThemeResource BaseMediumHighLight}" />
                    <SolidColorBrush x:Key="PaddleForegroundBrush" Color="{ThemeResource BaseMediumHighDark}" />
                    
                    <SolidColorBrush x:Key="HighContrastBorderBrush" Color="Transparent" />

                    <!-- Begin: MVR only -->
                    <SolidColorBrush x:Key="PlaceholderSpotlightBackgroundBrush" Color="{StaticResource ColorDark20}" />
                    <SolidColorBrush x:Key="PlaceholderSpotlightRectFillBrush" Color="{StaticResource ColorDark10}" />
                    <SolidColorBrush x:Key="PlaceholderRectFillBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="HighContrastBackgroundFillBrush" Color="Transparent" />
                    <SolidColorBrush x:Key="SpotlightStrokeBrush" Color="{StaticResource ColorDark10}" />

                    <SolidColorBrush x:Key="GalleryHeroImageBackgroundBrush" Color="{StaticResource ColorBlack}" />

                    <SolidColorBrush x:Key="ColumnListItemSelectedForegroundBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="ColumnListItemSelectedBackgroundBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="ProgressBarBackgroundBrush" Color="{StaticResource ColorLight30}" />
                    <!-- End: MVR only -->
                </ResourceDictionary>

                <ResourceDictionary x:Key="Dark">
                    <!--  Core Color Palette  -->
                    <Color x:Key="ColorWhite">#FFFFFF</Color>
                    <Color x:Key="ColorBlack">#000000</Color>

                    <Color x:Key="ColorLight10">#F0F0F0</Color>
                    <Color x:Key="ColorLight20">#E6E7E8</Color>
                    <Color x:Key="ColorLight30">#D3D3D3</Color>

                    <Color x:Key="ColorMedium10">#8B8B8B</Color>
                    <Color x:Key="ColorMedium20">#5D5D5D</Color>

                    <Color x:Key="ColorDark10">#404040</Color>
                    <Color x:Key="ColorDark20">#2D2D2D</Color>
                    <Color x:Key="ColorDark30">#222222</Color>

                    <Color x:Key="BaseLowLight">#33000000</Color>
                    <Color x:Key="BaseMediumLowLight">#66000000</Color>
                    <Color x:Key="BaseMediumLight">#99000000</Color>
                    <Color x:Key="BaseMediumHighLight">#CC000000</Color>
                    <Color x:Key="BaseHighLight">#FF000000</Color>
                    <Color x:Key="ChromeMediumLight">#FFE6E6E6</Color>

                    <Color x:Key="BaseLowDark">#33FFFFFF</Color>
                    <Color x:Key="BaseMediumLowDark">#66FFFFFF</Color>
                    <Color x:Key="BaseMediumDark">#99FFFFFF</Color>
                    <Color x:Key="BaseMediumHighDark">#CCFFFFFF</Color>
                    <Color x:Key="BaseHighDark">#FFFFFFFF</Color>
                    <Color x:Key="ChromeMediumDark">#FF393939</Color>

                    <Color x:Key="ColorRed">#FFC62828</Color>

                    <Color x:Key="ColorSpotlightTileLight">#D8D8D8</Color>
                    <Color x:Key="ColorSpotlightTileDark">#363636</Color>

                    <Color x:Key="HorizontalScrollViewerButtonNormalColor">#99000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonHoverColor">#CC000000</Color>
                    <Color x:Key="HorizontalScrollViewerButtonPressColor">#FF000000</Color>

                    <Color x:Key="ButtonBackgroundLightColor">#E6E6E6</Color>
                    <Color x:Key="ButtonBackgroundLightHoverColor">#D8D8D8</Color>
                    <Color x:Key="ButtonBackgroundLightDownColor">#8B8B8B</Color>
                    <Color x:Key="ButtonKeyboardFocusColor">#8B8B8B</Color>

                    <Color x:Key="FallbackImageColor">#A8A8A8</Color>

                    <Color x:Key="CategoryHoverLightColor">#CFD0D1</Color>
                    <Color x:Key="CategoryPressedLightColor">#B8B9BA</Color>
                    <Color x:Key="CategoryHoverDarkColor">#282828</Color>
                    <Color x:Key="CategoryPressedDarkColor">#242424</Color>

                    <!--  System override  -->
                    <SolidColorBrush x:Key="PrimaryBackgroundBrush" Color="{StaticResource ColorBlack}" />
                    <SolidColorBrush x:Key="ApplicationPageBackgroundThemeBrush" Color="{ThemeResource SystemAltHighColor}" />
                    <SolidColorBrush x:Key="ProgressBarIndeterminateForegroundThemeBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="ListViewItemPointerOverBackgroundThemeBrush" Color="{ThemeResource SystemListLowColor}" />

                    <!--  Brushes  -->
                    <SolidColorBrush x:Key="AppThemePrimaryBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="AppThemeSecondaryBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="PrimaryForegroundBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="SecondaryForegroundBrush" Color="{StaticResource ColorMedium10}" />

                    <SolidColorBrush x:Key="PrimaryForegroundAltBrush" Color="{StaticResource ColorDark30}" />
                    <SolidColorBrush x:Key="SecondaryForegroundAltBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="PrimaryForegroundLightBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="SecondaryForegroundLightBrush" Color="{StaticResource ColorMedium10}" />

                    <SolidColorBrush x:Key="PrimaryForegroundDarkBrush" Color="{StaticResource ColorDark30}" />
                    <SolidColorBrush x:Key="SecondaryForegroundDarkBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="AccentThemeBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="ForegroundActiveBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="ForegroundActivePressBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="AppThemeIconBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="AppThemeIconHoverBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="AppThemeIconPressBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="BodyBackgroundBrush" Color="{StaticResource ColorDark30}" />
                    <SolidColorBrush x:Key="BodyBackgroundStroke" Color="{StaticResource ColorDark10}" />

                    <SolidColorBrush x:Key="ButtonBackgroundLightBrush" Color="{StaticResource ColorDark20}" />
                    <SolidColorBrush x:Key="ButtonBackgroundLightPressBrush" Color="{StaticResource ColorDark30}" />

                    <SolidColorBrush x:Key="ButtonThemedForegroundBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="ButtonThemedForegroundPressBrush" Color="{ThemeResource SystemAccentColor}" />
					
					<SolidColorBrush x:Key="InformationValueBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="KeyboardFocusBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="RatingNoneBrush" Color="{StaticResource ColorDark10}" />
                    <SolidColorBrush x:Key="RatingCommunityBrush" Color="{StaticResource ColorMedium10}" />
                    <SolidColorBrush x:Key="RatingUserBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="NavItemForegroundBrush" Color="{ThemeResource SystemBaseHighColor}" />

                    <SolidColorBrush x:Key="NavBackButtonBackgroundBrush" Color="{StaticResource ColorMedium20}" />
                    <SolidColorBrush x:Key="NavBackButtonForegroundBrush" Color="{StaticResource ColorWhite}" />

                    <SolidColorBrush x:Key="SearchBackgroundBrush" Color="{ThemeResource SystemAltHighColor}" />
					<SolidColorBrush x:Key="SearchForegroundBrush" Color="{ThemeResource SystemBaseHighColor}" />
					<SolidColorBrush x:Key="SearchBorderPointerOverBrush" Color="{ThemeResource SystemChromeAltLowColor}" />
					<SolidColorBrush x:Key="SearchPlaceholderTextBrush" Color="{ThemeResource SystemBaseMediumColor}" />

                    <SolidColorBrush x:Key="SpotlightTileBackgroundBrush" Color="{StaticResource ColorSpotlightTileDark}" />

                    <SolidColorBrush x:Key="TileItemPlaceholderFillBrush" Color="{StaticResource ColorDark20}" />
                    <SolidColorBrush x:Key="TileItemHoverFillBrush" Color="{StaticResource ColorDark10}" />
                    <SolidColorBrush x:Key="TileItemHoverBorderBrush" Color="Transparent" />

                    <SolidColorBrush x:Key="HamburgerBorderBrush" Color="Transparent" />
                    <SolidColorBrush x:Key="HamburgerHoverBrush" Color="{StaticResource ColorDark20}" />
                    <SolidColorBrush x:Key="HamburgerBackgroundBrush" Color="{StaticResource SystemChromeLowColor}" />
                    <SolidColorBrush x:Key="HamburgerForegroundBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="HamburgerSelectedTextBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="HamburgerHoverForegroundBrush" Color="{StaticResource ColorWhite}" />

                    <SolidColorBrush x:Key="HeroIndicatorDotBrush" Color="{StaticResource ColorMedium10}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotActiveBrush" Color="{ThemeResource SystemAccentColor}" />
                    <SolidColorBrush x:Key="HeroIndicatorDotBorderBrush" Color="Transparent" />

                    <SolidColorBrush x:Key="ProfilePopupBackgroundBrush" Color="{StaticResource ChromeMediumDark}" />

                    <SolidColorBrush x:Key="DownloadsIconBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="DownloadsButtonBrush" Color="{StaticResource ColorDark10}" />
                    <SolidColorBrush x:Key="PDPProductIdentityBackgroundColorBrush" Color="{StaticResource ColorDark30}" />

                    <SolidColorBrush x:Key="HyperlinkButtonHoverBrush" Color="{StaticResource BaseMediumDark}" />
                    <SolidColorBrush x:Key="HyperlinkButtonPressedBrush" Color="{StaticResource BaseMediumLowDark}" />
                    <SolidColorBrush x:Key="HyperlinkButtonDisabledBrush" Color="{StaticResource BaseLowDark}" />

                    <SolidColorBrush x:Key="QuickLinksBackgroundBrush" Color="{StaticResource ColorDark30}" />
                    <SolidColorBrush x:Key="QuickLinksItemLinkBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonBrush" Color="{StaticResource HorizontalScrollViewerButtonNormalColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonHoverBrush" Color="{StaticResource HorizontalScrollViewerButtonHoverColor}" />
                    <SolidColorBrush x:Key="HorizontalScrollViewerButtonPressBrush" Color="{StaticResource HorizontalScrollViewerButtonPressColor}" />

                    <SolidColorBrush x:Key="PromoPriceBrush" Color="{StaticResource ColorRed}" />
                    <SolidColorBrush x:Key="ErrorTextBrush" Color="{StaticResource ColorRed}" />

                    <SolidColorBrush x:Key="FallbackImageBrush" Color="{ThemeResource SystemChromeMediumColor}"/>

                    <SolidColorBrush x:Key="CategoriesForegroundBrush" Color="{ThemeResource ColorWhite}" />
                    <SolidColorBrush x:Key="CategoriesBackgroundBrush" Color="{ThemeResource ColorDark20}" />
                    <SolidColorBrush x:Key="CategoriesHoverBrush" Color="{ThemeResource CategoryHoverDarkColor}" />
                    <SolidColorBrush x:Key="CategoriesPressedBrush" Color="{ThemeResource CategoryPressedDarkColor}" />

                    <SolidColorBrush x:Key="PaddleBackgroundBrush" Color="{ThemeResource BaseMediumLowDark}" />
                    <SolidColorBrush x:Key="PaddleBackgroundHoverBrush" Color="{ThemeResource BaseMediumDark}" />
                    <SolidColorBrush x:Key="PaddleBackgroundPressedBrush" Color="{ThemeResource BaseMediumHighDark}" />
                    <SolidColorBrush x:Key="PaddleForegroundBrush" Color="{ThemeResource BaseMediumHighLight}" />
                    
                    <SolidColorBrush x:Key="HighContrastBorderBrush" Color="Transparent" />

                    <!-- Begin: MVR only -->
                    <!--  PLACEHOLDER Colors Until Design Guide Is Complete  -->
                    <SolidColorBrush x:Key="PlaceholderSpotlightBackgroundBrush" Color="{StaticResource ColorDark20}" />
                    <SolidColorBrush x:Key="PlaceholderSpotlightRectFillBrush" Color="{StaticResource ColorDark10}" />
                    <SolidColorBrush x:Key="PlaceholderRectFillBrush" Color="{StaticResource ColorMedium20}" />

                    <SolidColorBrush x:Key="HighContrastBackgroundFillBrush" Color="Transparent" />
                    <SolidColorBrush x:Key="SpotlightStrokeBrush" Color="{StaticResource ColorDark10}" />

                    <SolidColorBrush x:Key="GalleryHeroImageBackgroundBrush" Color="{StaticResource ColorBlack}" />

                    <SolidColorBrush x:Key="ColumnListItemSelectedForegroundBrush" Color="{StaticResource ColorWhite}" />
                    <SolidColorBrush x:Key="ColumnListItemSelectedBackgroundBrush" Color="{ThemeResource SystemAccentColor}" />

                    <SolidColorBrush x:Key="ProgressBarBackgroundBrush" Color="{StaticResource ColorMedium10}" />
                    <!-- End: MVR only -->
                </ResourceDictionary>
            </ResourceDictionary.ThemeDictionaries>

            <!-- the usage of opacity is dangerous here, it might create extra atlasses in the dcomp surfaces -->
            <SolidColorBrush x:Key="TileImageOverlayBorderBrush" Color="#19000000" />
            <SolidColorBrush x:Key="TileImageOverlayBorderBrush_Opaque" Color="DarkGray" />

            <LinearGradientBrush x:Key="ImageOverlayGradientDarkBrush" Opacity=".5" StartPoint="0.5,0" EndPoint="0.5,1">
                <GradientStop Offset="1" Color="{StaticResource ColorBlack}" />
                <GradientStop Color="Transparent" />
            </LinearGradientBrush>

            <!--  Screenshot Viewer Colors  -->
            <SolidColorBrush x:Key="ScreenshotViewerBlackBrush" Color="#000000" />
            <SolidColorBrush x:Key="ScreenshotViewerWhiteBrush" Color="#FFFFFF" />

            <!-- Fixed-color brushes -->
            <SolidColorBrush x:Key="BlackBrush" Color="{StaticResource ColorBlack}" />
            <SolidColorBrush x:Key="WhiteBrush" Color="{StaticResource ColorWhite}" />

            <!-- These brushes are for CODE BEHIND USE ONLY - do NOT reference them with StaticResource or ThemeResource 
                 links in XAML, and do not rename them without renaming their string templates where they are used.
                 I.E. DownloadsAltBackground{0}Brush where {0} will be either Dark, Light, or HighContrast -->
            <SolidColorBrush x:Key="DownloadsAltBackgroundHighContrastBrush" Color="Transparent" />
            <SolidColorBrush x:Key="DownloadsAltBackgroundLightBrush" Color="{StaticResource ColorLight20}" />
            <SolidColorBrush x:Key="DownloadsAltBackgroundDarkBrush" Color="{StaticResource ColorDark20}" />

            <!-- Begin: MVR only -->
            <Style x:Key="FeaturedSetGradientOverlayBrush" TargetType="Rectangle">
                <Setter Property="Fill">
                    <Setter.Value>
                        <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                            <GradientStop Offset="1" Color="#88000000" />
                            <GradientStop />
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="GalleryHeroImageTransitionBrush" TargetType="Rectangle">
                <Setter Property="Fill">
                    <Setter.Value>
                        <LinearGradientBrush StartPoint="0,0" EndPoint="1,0">
                            <GradientStop Offset="0" Color="#FF000000" />
                            <GradientStop Offset="1" Color="#00000000" />
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="GalleryHeroImageOverlayBrush" TargetType="Rectangle">
                <Setter Property="Fill">
                    <Setter.Value>
                        <LinearGradientBrush StartPoint="0,0.25" EndPoint="0,1">
                            <GradientStop Offset="0" Color="#33000000" />
                            <GradientStop Offset="1" Color="#00000000" />
                        </LinearGradientBrush>
                    </Setter.Value>
                </Setter>
            </Style>
            <!-- End: MVR only -->

            <ImageBrush x:Key="AccountImageBrush" ImageSource="ms-appx:///Resources/Images/AccountIcon.png" />


            <!--=========================================================================================================-->
            <!--=========================================================================================================-->
            <!--=========================================================================================================-->
            <!--=========================================================================================================-->

            <!--___       ___      __________       __________       ________          ____         ____           ____   
                `MMb     dMM'      `MMMMMMMMM       MMMMMMMMMM       `MMMMMMMb.        `MM'        6MMMMb/        6MMMMb\ 
                 MMM.   ,PMM        MM      \       /   MM   \        MM    `Mb         MM        8P    YM       6M'    ` 
                 M`Mb   d'MM        MM                  MM            MM     MM         MM       6M      Y       MM       
                 M YM. ,P MM        MM    ,             MM            MM     MM         MM       MM              YM.      
                 M `Mb d' MM        MMMMMMM             MM            MM    .M9         MM       MM               YMMMMb  
                 M  YM.P  MM        MM    `             MM            MMMMMMM9'         MM       MM                   `Mb 
                 M  `Mb'  MM        MM                  MM            MM  \M\           MM       MM                    MM 
                 M   YP   MM        MM                  MM            MM   \M\          MM       YM      6             MM 
                 M   `'   MM        MM      /           MM            MM    \M\         MM        8b    d9       L    ,M9 
                _M_      _MM_      _MMMMMMMMM          _MM_          _MM_    \M\_      _MM_        YMMMM9        MYMMMM9   -->

            <!--=========================================================================================================-->
            <!--=========================================================================================================-->
            <!--=========================================================================================================-->
            <!--=== METRICS =============================================================================================-->

            
            <!-- Text Sizes - Avoid using these on TextBlocks - use built-in type-ramp styles of similar name - i.e. BodyTextBlockStyle -->
            <x:Double x:Key="CaptionFontSize">12</x:Double>
            <x:Double x:Key="BodyFontSize">15</x:Double>
            <x:Double x:Key="BaseFontSize">15</x:Double>
            <x:Double x:Key="SubtitleFontSize">20</x:Double>
            <x:Double x:Key="TitleFontSize">24</x:Double>
            <x:Double x:Key="SubheaderFontSize">34</x:Double>
            <x:Double x:Key="HeaderFontSize">46</x:Double>

            <!-- Reflow State MinWidths -->
            <x:Double x:Key="WideMinWidth">1367</x:Double>
            <x:Double x:Key="MediumWideMinWidth">1025</x:Double>
            <x:Double x:Key="MediumMinWidth">641</x:Double>
            <x:Double x:Key="MediumNarrowMinWidth">481</x:Double>
            <x:Double x:Key="NarrowMinWidth">1</x:Double>

            <!--This is ONLY for use in Spotlight (for now anyway)-->
            <x:Double x:Key="SpotlightMediumMinWidth">841</x:Double>
            
            <!-- This is ONLY for Collection L2 -->
            <x:Double x:Key="CollectionsExtraWideMinWidth">1921</x:Double>
            <x:Double x:Key="CollectionsMediumWideMinWidth">1281</x:Double>
            <x:Double x:Key="CollectionsMediumMinWidth">841</x:Double>

            <!-- Reflow App Margin Sizes -->
            <GridLength x:Key="AppMarginNarrowGridLength">12</GridLength>
            <GridLength x:Key="AppMarginMediumNarrowGridLength">24</GridLength>
            <GridLength x:Key="AppMarginWideGridLength">48</GridLength>
            
            <!-- Reflow App Gutter Sizes (the spacing between tiles) -->
            <x:Double x:Key="AppGutterNarrowWidth">8</x:Double>
            <x:Double x:Key="AppGutterMediumNarrowWidth">12</x:Double>
            <x:Double x:Key="AppGutterWideWidth">24</x:Double>

            <!--Navigation Control Height -->
            <x:Double x:Key="NavigationControlWideHeight">96</x:Double>
            <x:Double x:Key="NavigationControlNarrowHeight">55</x:Double>

            <controls:HamburgerHelper 
                x:Key="HamburgerHelper" 
                NavigationControlWideHeight="{StaticResource NavigationControlWideHeight}"
                NavigationControlNarrowHeight="{StaticResource NavigationControlNarrowHeight}" />
            
            <!--Navigation Control Opacity -->
            <x:Double x:Key="NavigationBarOpacity">0.95</x:Double>
            
            <!--Paging Button Margins, 
		        The same values as above, in Bottom Margin format -->
            <Thickness x:Key="PagingButtonBottomMarginNarrow">0,0,0,8</Thickness>
            <Thickness x:Key="PagingButtonBottomMarginMediumNarrow">0,0,0,12</Thickness>
            <Thickness x:Key="PagingButtonBottomMarginWide">0,0,0,24</Thickness>

            <!--  Tile & Item Templates  -->
            <Thickness x:Key="TileItemMargin">2</Thickness>
            <x:Double x:Key="SmallAppTileWidth">284</x:Double>

            <!--  App Gutters  -->
            <GridLength x:Key="AppGutterGridLength">24</GridLength>

            <Thickness x:Key="AppGutterHorizontalMargin">40,0</Thickness>

            <!--  MultiColumnRichTextBox and MultiColumnStackPanel metrics  -->
            <x:Double x:Key="MultiColumnDefaultGutterWidth">24</x:Double>
            <x:Int32 x:Key="MultiColumnDefaultMaxColumnCount">1</x:Int32>
            <x:Double x:Key="MultiColumnDefaultMaxColumnHeight">500</x:Double>
            <x:Double x:Key="MultiColumnDefaultMaxColumnWidth">456</x:Double>
            <x:Double x:Key="MultiColumnDefaultMinColumnHeight">56</x:Double>
            <x:Double x:Key="MultiColumnDefaultMinColumnWidth">284</x:Double>

            <!--  Quick Tasks Values  -->
            <x:Double x:Key="QuickTasksDesktopButtonWidth">364</x:Double>

            <!--  Rate and Review Values  -->
            <x:Double x:Key="ReviewItemWidth">284</x:Double>
            <x:Double x:Key="ReviewItemHeight">200</x:Double>
            <x:Int32 x:Key="ReviewTextMaxlinesCollapsed">3</x:Int32>
            <x:Int32 x:Key="ReviewTextMaxlinesExpanded">0</x:Int32>

            <x:Double x:Key="HistogramMaxHeight">340</x:Double>
            <x:Double x:Key="HistogramMaxWidth">600</x:Double>

            <x:Double x:Key="ContentPanelTitleMaxWidth">180</x:Double>

            <!--  PDP - Product Identity  -->
            <x:Double x:Key="ProductIdentityButtonHeight">32</x:Double>
            <x:Double x:Key="MinReviewItemWidth">300</x:Double>

            <!-- PDP - OS Upgrade InformChart -->
            <x:Double x:Key="InfoCheckWidth">130</x:Double>
            <x:Double x:Key="MinHeaderTextColumnItemWidth">180</x:Double>
            
            <!--  Categories - Buttons  -->
            <x:Double x:Key="CategoryButtonHeight">44</x:Double>
            <x:Double x:Key="CategoryButtonWidthWide">320</x:Double>
            <x:Double x:Key="CategoryButtonWidth">296</x:Double>
            <x:Double x:Key="CategoryButtonWidthNarrow">192</x:Double>
            <x:Int32 x:Key="CategoryMaxRows">6</x:Int32>
            <x:Int32 x:Key="CategoryMinRows">4</x:Int32>

            <!-- Collection Values -->
            <!-- 153 is 60% of 255 -->
            <x:Int32 x:Key="CollectionSecondaryTextOpacity">153</x:Int32>

            <!-- Spotlight & Quicklinks Values -->
            <x:Double x:Key="SpotlightItemHeight">210</x:Double>
            <x:Double x:Key="SpotlightItemMinWidth">420</x:Double>

            <x:Double x:Key="SpotlightGridNormalHeight">420</x:Double>
            <x:Double x:Key="SpotlightGridMediumNarrowHeight">240</x:Double>
            <x:Double x:Key="SpotlightGridNarrowHeight">160</x:Double>

            <!-- Filter Values -->
            <x:Double x:Key="FilterNarrowMaxWidth">320</x:Double>

            <!-- MV Only -->

            <!--  Tile & Item Templates  -->
            <GridLength x:Key="VerticalItemWidthGridLength">140</GridLength>
            <GridLength x:Key="VerticalItemHeightGridLength">192</GridLength>
            <GridLength x:Key="VerticalItemImageSpacerGridLength">4</GridLength>
            <GridLength x:Key="WideVerticalItemWidthGridLength">304</GridLength>
            <x:Double x:Key="HorizontalItemWidth">304</x:Double>

            <x:Double x:Key="TextHeightTwoLines">44</x:Double>
            <x:Double x:Key="TextHeightThreeLines">64</x:Double>
            <x:Double x:Key="TextHeightFourLines">84</x:Double>

            <!-- Remove once we update Music store page -->
            <GridLength x:Key="TileItemMarginLength">2</GridLength>

            <!-- Adaptive Margin Sizes -->
            <GridLength x:Key="AppMarginNarrowItemMarginCompGridLength">8</GridLength>
            <GridLength x:Key="AppMarginMediumNarrowItemMarginCompGridLength">20</GridLength>
            <GridLength x:Key="AppMarginWideItemMarginCompGridLength">44</GridLength>

            <Thickness x:Key="ModuleNarrowMargin">0,0,0,26</Thickness>
            <Thickness x:Key="ModuleWideMargin">0,0,0,26</Thickness>
            <Thickness x:Key="ModuleDividerLineNarrowMargin">4,0,0,28</Thickness>
            <Thickness x:Key="ModuleDividerLineWideMargin">4,0,0,39</Thickness>
            <Thickness x:Key="ModuleTitleNarrowMargin">4,0,0,2</Thickness>
            <Thickness x:Key="ModuleTitleWideMargin">4,0,0,10</Thickness>

            <!-- Stars -->
            <x:Double x:Key="StandardStarSize">13</x:Double>
            <x:Double x:Key="HistogramStarSize">24</x:Double>


            <!--=====================================================================-->
            <!--=====================================================================-->
            <!--=====================================================================-->
            <!--=====================================================================-->

            <!--____         ____            ____          ___      ___        ____   
                `MM'        6MMMMb/         6MMMMb         `MM\     `M'       6MMMMb\ 
                 MM        8P    YM        8P    Y8         MMM\     M       6M'    ` 
                 MM       6M      Y       6M      Mb        M\MM\    M       MM       
                 MM       MM              MM      MM        M \MM\   M       YM.      
                 MM       MM              MM      MM        M  \MM\  M        YMMMMb  
                 MM       MM              MM      MM        M   \MM\ M            `Mb 
                 MM       MM              MM      MM        M    \MM\M             MM 
                 MM       YM      6       YM      M9        M     \MMM             MM 
                 MM        8b    d9        8b    d8         M      \MM       L    ,M9 
                _MM_        YMMMM9          YMMMM9         _M_      \M       MYMMMM9 -->

            <!--=====================================================================-->
            <!--=====================================================================-->
            <!--=====================================================================-->
            <!--=== ICONS ===========================================================-->


            <Style x:Key="ItemTitleIconStyle" TargetType="TextBlock">
                <Setter Property="FontSize" Value="9.75"/>
            </Style>

            <Style x:Key="ButtonIconStyle" TargetType="TextBlock">
                <Setter Property="FontSize" Value="9"/>
            </Style>

            <Style x:Key="ModuleCaretIconStyle" TargetType="TextBlock">
                <Setter Property="FontSize" Value="9"/>
            </Style>

            <Style x:Key="StoreNavIconStyle" TargetType="TextBlock">
                <Setter Property="FontSize" Value="9"/>
            </Style>


            <!--==============================================================================================================================-->
            <!--==============================================================================================================================-->
            <!--==============================================================================================================================-->
            <!--==============================================================================================================================-->

            <!--   ____            ____          ___      ___      __________       ________             ____          ____             ____   
                  6MMMMb/         6MMMMb         `MM\     `M'      MMMMMMMMMM       `MMMMMMMb.          6MMMMb         `MM'            6MMMMb\ 
                 8P    YM        8P    Y8         MMM\     M       /   MM   \        MM    `Mb         8P    Y8         MM            6M'    ` 
                6M      Y       6M      Mb        M\MM\    M           MM            MM     MM        6M      Mb        MM            MM       
                MM              MM      MM        M \MM\   M           MM            MM     MM        MM      MM        MM            YM.      
                MM              MM      MM        M  \MM\  M           MM            MM    .M9        MM      MM        MM             YMMMMb  
                MM              MM      MM        M   \MM\ M           MM            MMMMMMM9'        MM      MM        MM                 `Mb 
                MM              MM      MM        M    \MM\M           MM            MM  \M\          MM      MM        MM                  MM 
                YM      6       YM      M9        M     \MMM           MM            MM   \M\         YM      M9        MM                  MM 
                 8b    d9        8b    d8         M      \MM           MM            MM    \M\         8b    d8         MM    /       L    ,M9 
                  YMMMM9          YMMMM9         _M_      \M          _MM_          _MM_    \M\_        YMMMM9         _MMMMMMM       MYMMMM9 -->

            <!--==============================================================================================================================-->
            <!--==============================================================================================================================-->
            <!--==============================================================================================================================-->
            <!--=== CONTROLS==================================================================================================================-->


            <!-- ========================= -->
            <!-- ======== BUTTONS ======== -->
            <!-- ========================= -->

            <Style x:Key="HyperlinkButtonStyleBase" TargetType="HyperlinkButton">
                <Setter Property="Padding" Value="0" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Foreground" Value="{ThemeResource ForegroundActiveBrush}" />
                <Setter Property="FontSize" Value="{StaticResource BodyFontSize}" />
                <Setter Property="FontWeight" Value="Normal" />
            </Style>
            
            <Style x:Key="HyperlinkContentButtonStyle" TargetType="HyperlinkButton" BasedOn="{StaticResource HyperlinkButtonStyleBase}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="HyperlinkButton">
                            <Grid Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonHoverBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonPressedBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonDisabledBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="FocusVisual"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <ContentPresenter
                                    x:Name="ContentPresenter"
                                    Margin="{TemplateBinding Padding}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    AutomationProperties.AccessibilityView="Raw"
                                    Content="{TemplateBinding Content}"
                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                    ContentTransitions="{TemplateBinding ContentTransitions}" />

                                <Rectangle
                                    x:Name="FocusVisual"
                                    HorizontalAlignment="Stretch"
                                    VerticalAlignment="Stretch"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource ForegroundActiveBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="0.5"
                                    StrokeEndLineCap="Square" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            
            <Style x:Key="HyperlinkButtonStyle" TargetType="HyperlinkButton" BasedOn="{StaticResource HyperlinkButtonStyleBase}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="HyperlinkButton">
                            <Grid Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonHoverBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonPressedBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonDisabledBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="FocusVisual"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <TextBlock
                                    x:Name="ContentPresenter"
                                    Margin="{TemplateBinding Padding}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    AutomationProperties.AccessibilityView="Raw"
                                    Text="{TemplateBinding Content}" />

                                <Rectangle
                                    x:Name="FocusVisual"
                                    HorizontalAlignment="Stretch"
                                    VerticalAlignment="Stretch"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource ForegroundActiveBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="0.5"
                                    StrokeEndLineCap="Square" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="HamburgerButtonStyle" TargetType="Button">
                <Setter Property="FontWeight" Value="Normal"/>
                <Setter Property="FontSize" Value="{StaticResource BodyFontSize}"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HamburgerHoverForegroundBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_mainGrid" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HamburgerHoverBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HamburgerHoverForegroundBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_mainGrid" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HamburgerHoverBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused"/>
                                        <VisualState x:Name="Unfocused"/>
                                        <VisualState x:Name="PointerFocused"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="SelectedStates">
                                        <VisualState x:Name="UnSelected"/>
                                        <VisualState x:Name="Selected">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HamburgerSelectedTextBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_mainGrid" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource AppThemePrimaryBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid x:Name="_mainGrid" Background="{ThemeResource HamburgerBackgroundBrush}" HorizontalAlignment="Stretch" MinHeight="48">
                                    <ContentPresenter x:Name="ContentPresenter"
                                                      Foreground="{ThemeResource HamburgerForegroundBrush}"
                                                      Content="{TemplateBinding Content}"
                                                      HorizontalAlignment="Left"
                                                      Margin="12,0,0,0"
                                                      VerticalAlignment="Center"/>
                                </Grid>

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!--  Style for standard rectangular button (width and height is not set by this style)  -->
            <Style x:Key="StandardButtonStyle" TargetType="Button">
                <Setter Property="Margin" Value="0" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="FontSize" Value="{StaticResource CaptionFontSize}" />
                <Setter Property="FontWeight" Value="Normal" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_activeRectangle" Storyboard.TargetProperty="Opacity">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value=".1" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_activeRectangle" Storyboard.TargetProperty="Opacity">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value=".2" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                                 Storyboard.TargetName="FocusVisual"
                                                                 Storyboard.TargetProperty="Opacity"
                                                                 To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid Background="{TemplateBinding Background}">
                                    <Rectangle x:Name="_activeRectangle" Fill="Black" Opacity="0"/>
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                                      Margin="{TemplateBinding Padding}"
                                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                      AutomationProperties.AccessibilityView="Raw"
                                                      Content="{TemplateBinding Content}"
                                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                                      ContentTransitions="{TemplateBinding ContentTransitions}" />
                                    <Rectangle
                                            x:Name="FocusVisual"
                                            HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                                               IsHitTestVisible="False"
                                               Opacity="0"
                                               Stroke="{ThemeResource ForegroundActiveBrush}"
                                               StrokeDashArray="1,1"
                                               StrokeDashOffset="0.5"
                                               StrokeEndLineCap="Square" />
                                </Grid>


                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>

            </Style>

            <!--  Style for standard rectangular button with themed foreground and border colors (width and height is not set by this style)  -->
            <Style x:Key="StandardThemedButtonStyle" TargetType="Button">
				<Setter Property="Foreground" Value="{ThemeResource PrimaryForegroundLightBrush}"/>
				<Setter Property="Background" Value="{ThemeResource AccentThemeBrush}"/>
				<Setter Property="BorderThickness" Value="1"/>
				<Setter Property="BorderBrush" Value="{ThemeResource AccentThemeBrush}"/>
				<Setter Property="MinWidth" Value="92"/>
				<Setter Property="Height" Value="32"/>
            </Style>

            <Style x:Key="StandardTextButtonStyle" TargetType="Button">
                <Setter Property="Margin" Value="0" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="FontSize" Value="{StaticResource CaptionFontSize}" />
                <Setter Property="FontWeight" Value="Normal" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Opacity">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value=".6" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Opacity">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value=".4" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonDisabledForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                                 Storyboard.TargetName="FocusVisualWhite"
                                                                 Storyboard.TargetProperty="Opacity"
                                                                 To="1" />
                                                <DoubleAnimation
                                                    Duration="0"
                                                                 Storyboard.TargetName="FocusVisualBlack"
                                                                 Storyboard.TargetProperty="Opacity"
                                                                 To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border
                                    x:Name="Border"
                                        Background="Transparent"
                                        BorderBrush="{TemplateBinding BorderBrush}"
                                        BorderThickness="{TemplateBinding BorderThickness}">
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                                      Margin="{TemplateBinding Padding}"
                                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                      AutomationProperties.AccessibilityView="Raw"
                                                      Content="{TemplateBinding Content}"
                                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                                      ContentTransitions="{TemplateBinding ContentTransitions}" />
                                </Border>
                                <Rectangle
                                    x:Name="FocusVisualWhite"
                                           IsHitTestVisible="False"
                                           Opacity="0"
                                           Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                           StrokeDashArray="1,1"
                                           StrokeDashOffset="1.5"
                                           StrokeEndLineCap="Square" />
                                <Rectangle
                                    x:Name="FocusVisualBlack"
                                           IsHitTestVisible="False"
                                           Opacity="0"
                                           Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                           StrokeDashArray="1,1"
                                           StrokeDashOffset="0.5"
                                           StrokeEndLineCap="Square" />

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>

            </Style>

            <Style x:Key="ModuleTitleNarrowButtonStyle" TargetType="Button">
                <Setter Property="FontSize" Value="{StaticResource SubtitleFontSize}" />
                <Setter Property="FontWeight" Value="Normal" />
                <Setter Property="Margin" Value="0,0,0,4" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Foreground" Value="{ThemeResource PrimaryForegroundBrush}" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <Border
                                    x:Name="Border"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                        Margin="{TemplateBinding Padding}"
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                        AutomationProperties.AccessibilityView="Raw"
                                        Content="{TemplateBinding Content}"
                                        ContentTransitions="{TemplateBinding ContentTransitions}" >
                                        <ContentPresenter.ContentTemplate>
                                            <DataTemplate>
                                                <TextBlock Text="{Binding}" TextTrimming="CharacterEllipsis"  />
                                            </DataTemplate>
                                        </ContentPresenter.ContentTemplate>
                                    </ContentPresenter>
                                </Border>
                                <Rectangle
                                    x:Name="FocusVisualWhite"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="1.5"
                                    StrokeEndLineCap="Square" />
                                <Rectangle
                                    x:Name="FocusVisualBlack"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="0.5"
                                    StrokeEndLineCap="Square" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="ModuleTitleWideButtonStyle" TargetType="Button">
                <Setter Property="FontSize" Value="{StaticResource TitleFontSize}" />
                <Setter Property="FontWeight" Value="SemiLight" />
                <Setter Property="Margin" Value="0,0,0,4" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Foreground" Value="{ThemeResource PrimaryForegroundBrush}" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <Border
                                    x:Name="Border"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                        Margin="{TemplateBinding Padding}"
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                        AutomationProperties.AccessibilityView="Raw"
                                        Content="{TemplateBinding Content}"
                                        ContentTransitions="{TemplateBinding ContentTransitions}" >
                                        <ContentPresenter.ContentTemplate>
                                            <DataTemplate>
                                                <TextBlock Text="{Binding}" TextTrimming="CharacterEllipsis"  />
                                            </DataTemplate>
                                        </ContentPresenter.ContentTemplate>
                                    </ContentPresenter>
                                </Border>
                                <Rectangle
                                    x:Name="FocusVisualWhite"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="1.5"
                                    StrokeEndLineCap="Square" />
                                <Rectangle
                                    x:Name="FocusVisualBlack"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="0.5"
                                    StrokeEndLineCap="Square" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="BuyableEpisodeItemButtonStyle" TargetType="Button">
                <Setter Property="Margin" Value="12,0" />
                <Setter Property="Foreground" Value="{ThemeResource AccentThemeBrush}" />
                <Setter Property="FontSize" Value="{StaticResource CaptionFontSize}" />
                <Setter Property="FontWeight" Value="Normal" />
                <Setter Property="BorderThickness" Value="1" />
                <Setter Property="BorderBrush" Value="{ThemeResource AccentThemeBrush}" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="Border"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="0.8" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonThemedForegroundPressBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="BorderBrush">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonThemedForegroundPressBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Margin">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="BorderThickness">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonDisabledForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="FocusVisualWhite"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="FocusVisualBlack"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border
                                    x:Name="Border"
                                    Background="Transparent"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                        Margin="{TemplateBinding Padding}"
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                        AutomationProperties.AccessibilityView="Raw"
                                        Content="{TemplateBinding Content}"
                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                        ContentTransitions="{TemplateBinding ContentTransitions}" />
                                </Border>
                                <Rectangle
                                    x:Name="FocusVisualWhite"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="1.5"
                                    StrokeEndLineCap="Square" />
                                <Rectangle
                                    x:Name="FocusVisualBlack"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="0.5"
                                    StrokeEndLineCap="Square" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="QuickTaskDesktopButtonStyle" TargetType="Button">
                <Setter Property="Margin" Value="0" />
                <Setter Property="Padding" Value="36,24,12,24" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Foreground" Value="{ThemeResource PrimaryForegroundBrush}" />
                <Setter Property="FontSize" Value="{StaticResource BodyFontSize}" />
                <Setter Property="FontWeight" Value="Normal" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Opacity">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value=".8" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PrimaryForegroundBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonDisabledForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                                 Storyboard.TargetName="FocusVisualWhite"
                                                                 Storyboard.TargetProperty="Opacity"
                                                                 To="1" />
                                                <DoubleAnimation
                                                    Duration="0"
                                                                 Storyboard.TargetName="FocusVisualBlack"
                                                                 Storyboard.TargetProperty="Opacity"
                                                                 To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border
                                    x:Name="Border"
                                        Background="Transparent"
                                        BorderBrush="{TemplateBinding BorderBrush}"
                                        BorderThickness="{TemplateBinding BorderThickness}">
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                                      Margin="{TemplateBinding Padding}"
                                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                      AutomationProperties.AccessibilityView="Raw"
                                                      Content="{TemplateBinding Content}"
                                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                                      ContentTransitions="{TemplateBinding ContentTransitions}" />
                                </Border>
                                <Rectangle
                                    x:Name="FocusVisualWhite"
                                           Height="50"
                                           Margin="30,0,0,0"
                                           IsHitTestVisible="False"
                                           Opacity="0"
                                           Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                           StrokeDashArray="1,1"
                                           StrokeDashOffset="1.5"
                                           StrokeEndLineCap="Square" />
                                <Rectangle
                                    x:Name="FocusVisualBlack"
                                           Height="50"
                                           Margin="30,0,0,0"
                                           IsHitTestVisible="False"
                                           Opacity="0"
                                           Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                           StrokeDashArray="1,1"
                                           StrokeDashOffset="0.5"
                                           StrokeEndLineCap="Square" />

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>

            </Style>

            <Style x:Key="QuickTaskMobileButtonStyle" TargetType="Button">
                <Setter Property="Margin" Value="0,0,4,0" />
                <Setter Property="Padding" Value="12,8" />
                <Setter Property="Foreground" Value="{ThemeResource PrimaryForegroundBrush}" />
                <Setter Property="Background" Value="{ThemeResource ButtonBackgroundLightBrush}" />
                <Setter Property="FontSize" Value="{StaticResource CaptionFontSize}" />
                <Setter Property="FontWeight" Value="Normal" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver" />
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonBackgroundLightPressBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PrimaryForegroundBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Border" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonDisabledBackgroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonDisabledForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="FocusVisualWhite"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="FocusVisualBlack"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border
                                    x:Name="Border"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                        Margin="{TemplateBinding Padding}"
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                        AutomationProperties.AccessibilityView="Raw"
                                        Content="{TemplateBinding Content}"
                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                        ContentTransitions="{TemplateBinding ContentTransitions}" />
                                </Border>
                                <Rectangle
                                    x:Name="FocusVisualWhite"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="1.5"
                                    StrokeEndLineCap="Square" />
                                <Rectangle
                                    x:Name="FocusVisualBlack"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="0.5"
                                    StrokeEndLineCap="Square" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!--  Style used to wrap contorls in button for accessibility  -->
            <Style x:Name="StrippedButtonStyle" TargetType="Button">
                <Setter Property="Padding" Value="0" />
                <Setter Property="Margin" Value="0" />
                <Setter Property="MinWidth" Value="0" />
                <Setter Property="MinHeight" Value="0" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid Background="Transparent">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="FocusVisualWhite"
                                                             Storyboard.TargetProperty="Opacity"
                                                             To="1"
                                                             Duration="0" />
                                                <DoubleAnimation Storyboard.TargetName="FocusVisualBlack"
                                                             Storyboard.TargetProperty="Opacity"
                                                             To="1"
                                                             Duration="0" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <ContentPresenter
                                    x:Name="ContentPresenter"
                                    Content="{TemplateBinding Content}"
                                    ContentTransitions="{TemplateBinding ContentTransitions}"
                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                    Margin="{TemplateBinding Padding}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    AutomationProperties.AccessibilityView="Raw"/>
                                <Rectangle
                                    x:Name="FocusVisualWhite"
                                    IsHitTestVisible="False"
                                    Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                    StrokeEndLineCap="Square"
                                    StrokeDashArray="1,1"
                                    Opacity="0"
                                    StrokeDashOffset="1.5" />
                                <Rectangle
                                    x:Name="FocusVisualBlack"
                                    IsHitTestVisible="False"
                                    Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                    StrokeEndLineCap="Square"
                                    StrokeDashArray="1,1"
                                    Opacity="0"
                                    StrokeDashOffset="0.5" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="DownloadsIconButtonStyle" TargetType="Button">
                <Setter Property="MinWidth" Value="48" />
                <Setter Property="Width" Value="48" />
                <Setter Property="MinHeight" Value="48" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Foreground" Value="{ThemeResource DownloadsIconBrush}" />
                <Setter Property="Padding" Value="12,12,12,12" />
                <Setter Property="HorizontalAlignment" Value="Left" />
                <Setter Property="VerticalAlignment" Value="Center" />
                <Setter Property="FontWeight" Value="Light" />
                <Setter Property="FontSize" Value="18" />
                <Setter Property="FontFamily" Value="Segoe UI Symbol" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualStateGroup.Transitions>
                                            <VisualTransition GeneratedDuration="0:0:0.1" To="PointerOver">
                                                <VisualTransition.GeneratedEasingFunction>
                                                    <ExponentialEase EasingMode="EaseOut" Exponent="7" />
                                                </VisualTransition.GeneratedEasingFunction>
                                            </VisualTransition>
                                            <VisualTransition From="PointerOver" GeneratedDuration="0:0:0.1">
                                                <VisualTransition.GeneratedEasingFunction>
                                                    <ExponentialEase EasingMode="EaseOut" Exponent="7" />
                                                </VisualTransition.GeneratedEasingFunction>
                                            </VisualTransition>
                                        </VisualStateGroup.Transitions>
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="BackgroundRectangle"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="0.2" />
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="StrokeRectangle"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="ContentPresenter"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="0.6" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="ContentPresenter"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="0.2" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="DashedRectangle"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border x:Name="border">
                                    <Grid>
                                        <Rectangle x:Name="BackgroundRectangle" Fill="{ThemeResource DownloadsIconBrush}" Opacity="0" />
                                        <Rectangle
                                            x:Name="StrokeRectangle"
                                            Opacity="0"
                                            Stroke="{ThemeResource DownloadsIconBrush}"
                                            StrokeThickness="1" />
                                        <Rectangle
                                            x:Name="DashedRectangle"
                                            Opacity="0"
                                            Stroke="{ThemeResource DownloadsIconBrush}"
                                            StrokeDashArray="1,1"
                                            StrokeDashOffset="1.5" />
                                        <ContentPresenter x:Name="ContentPresenter" HorizontalAlignment="Center" VerticalAlignment="Center" />

                                    </Grid>
                                </Border>

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="DownloadUpdateButtonStyle" TargetType="Button">
                <Setter Property="Foreground" Value="{ThemeResource DownloadsIconBrush}" />
                <Setter Property="FontWeight" Value="Light" />
                <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualStateGroup.Transitions>
                                            <VisualTransition GeneratedDuration="0:0:0.1" To="PointerOver">
                                                <VisualTransition.GeneratedEasingFunction>
                                                    <ExponentialEase EasingMode="EaseOut" Exponent="7" />
                                                </VisualTransition.GeneratedEasingFunction>
                                            </VisualTransition>
                                            <VisualTransition From="PointerOver" GeneratedDuration="0:0:0.1">
                                                <VisualTransition.GeneratedEasingFunction>
                                                    <ExponentialEase EasingMode="EaseOut" Exponent="7" />
                                                </VisualTransition.GeneratedEasingFunction>
                                            </VisualTransition>
                                        </VisualStateGroup.Transitions>
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="1"
                                                    Storyboard.TargetName="BackgroundRectangle"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="0.6" />
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="StrokeRectangle"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="ContentPresenter"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="0.6" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="ContentPresenter"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="0.2" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="DashedRectangle"
                                                    Storyboard.TargetProperty="(UIElement.Opacity)"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border x:Name="border">
                                    <Grid>
                                        <Rectangle x:Name="BackgroundRectangle" Fill="{ThemeResource DownloadsButtonBrush}" Opacity="1" />
                                        <Rectangle
                                            x:Name="StrokeRectangle"
                                            Opacity="0"
                                            Stroke="{ThemeResource DownloadsIconBrush}"
                                            StrokeThickness="1" />
                                        <Rectangle
                                            x:Name="DashedRectangle"
                                            Opacity="0"
                                            Stroke="{ThemeResource DownloadsIconBrush}"
                                            StrokeDashArray="1,1"
                                            StrokeDashOffset="1.5" />
                                        <ContentPresenter x:Name="ContentPresenter" HorizontalAlignment="Center" VerticalAlignment="Center" />

                                    </Grid>
                                </Border>

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="NavIconButtonStyle" TargetType="Button">
                <Setter Property="Foreground" Value="{ThemeResource NavItemForegroundBrush}" />
                <Setter Property="HorizontalContentAlignment" Value="Center" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Width" Value="48" />
                <Setter Property="Height" Value="48" />
                <Setter Property="Padding" Value="14,0" />
                <Setter Property="MinWidth" Value="0"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid x:Name="grid" Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" To="0.8" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"/>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" To="1.0" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"/>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" To="0.3" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="ContentPresenter"/>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualWhite"/>
                                                <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualBlack"/>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused"/>
                                        <VisualState x:Name="PointerFocused"/>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                    
                                <ContentPresenter x:Name="ContentPresenter" Opacity="0.6" Margin="{TemplateBinding Padding}" AutomationProperties.AccessibilityView="Raw" ContentTemplate="{TemplateBinding ContentTemplate}" ContentTransitions="{TemplateBinding ContentTransitions}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                <Rectangle x:Name="FocusVisualWhite" IsHitTestVisible="False" Opacity="0" StrokeDashOffset="1.5" StrokeEndLineCap="Square" Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}" StrokeDashArray="1,1"/>
                                <Rectangle x:Name="FocusVisualBlack" IsHitTestVisible="False" Opacity="0" StrokeDashOffset="0.5" StrokeEndLineCap="Square" Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}" StrokeDashArray="1,1"/>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="PaddleButtonStyle" TargetType="Button">
                <Setter Property="Width" Value="20" />
                <Setter Property="Height" Value="36" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="BorderBrush" Value="{ThemeResource PaddleBackgroundBrush}" />
                <Setter Property="Background" Value="{ThemeResource PaddleBackgroundBrush}" />
                <Setter Property="Foreground" Value="{ThemeResource PaddleForegroundBrush}" />
                <Setter Property="FontFamily" Value="ms-appx:///Resources/Fonts/SegMVR2.ttf#Segoe MVR MDL2 Assets" />
                <Setter Property="FontSize" Value="{StaticResource CaptionFontSize}" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid x:Name="grid">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="Border">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PaddleBackgroundHoverBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Background" Storyboard.TargetName="Border">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource PaddleBackgroundPressedBrush}"/>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualWhite"/>
                                                <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisualBlack"/>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused"/>
                                        <VisualState x:Name="PointerFocused"/>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border x:Name="Border" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}">
                                    <ContentPresenter x:Name="ContentPresenter" Foreground="{TemplateBinding Foreground}"  AutomationProperties.AccessibilityView="Raw" ContentTemplate="{TemplateBinding ContentTemplate}" ContentTransitions="{TemplateBinding ContentTransitions}" Content="{TemplateBinding Content}" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                                </Border>
                                <Rectangle x:Name="FocusVisualWhite" IsHitTestVisible="False" Opacity="0" StrokeDashOffset="1.5" StrokeEndLineCap="Square" Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}" StrokeDashArray="1,1"/>
                                <Rectangle x:Name="FocusVisualBlack" IsHitTestVisible="False" Opacity="0" StrokeDashOffset="0.5" StrokeEndLineCap="Square" Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}" StrokeDashArray="1,1"/>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- =============================== -->
            <!-- ======= GRID/LIST VIEWS ======= -->
            <!-- =============================== -->

            <!-- Base Style for ListViewBase items controls -->
            <Style TargetType="ListViewBase" x:Key="DefaultListViewBaseStyle" >
                <Setter Property="ShowsScrollingPlaceholders" Value="False" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="Margin" Value="0" />
                <Setter Property="SelectionMode" Value="None" />
                <Setter Property="ScrollViewer.ZoomMode" Value="Disabled" />
                <Setter Property="ItemContainerTransitions">
                    <Setter.Value>
                        <TransitionCollection/>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- Implicit style for all ListViewBase items controls -->
            <Style TargetType="ListViewBase" BasedOn="{StaticResource DefaultListViewBaseStyle}" />

            <Style x:Name="VerticalListViewBaseStyle" TargetType="ListViewBase" BasedOn="{StaticResource DefaultListViewBaseStyle}">
                <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
                <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Disabled" />
                <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto" />
                <Setter Property="ScrollViewer.VerticalScrollMode" Value="Auto" />
            </Style>

            <Style x:Name="HorizontalListViewBaseStyle" TargetType="ListViewBase" BasedOn="{StaticResource DefaultListViewBaseStyle}">
                <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Auto" />
                <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Auto" />
                <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />
                <Setter Property="ScrollViewer.VerticalScrollMode" Value="Disabled" />
                <!--The -4 on the side is to account for the hover state background-->
                <Setter Property="Margin" Value="-4,0,0,8"/>
            </Style>

            <Style x:Name="NavigationListViewBaseStyle" TargetType="ListViewBase" BasedOn="{StaticResource DefaultListViewBaseStyle}">
                <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
                <Setter Property="ScrollViewer.HorizontalScrollMode" Value="Disabled" />
                <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />
                <Setter Property="ScrollViewer.VerticalScrollMode" Value="Disabled" />
                <Setter Property="ItemContainerTransitions">
                    <Setter.Value>
                        <TransitionCollection>
                            <EntranceThemeTransition IsStaggeringEnabled="False"/>
                        </TransitionCollection>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Name="NavigationAwareVerticalListViewBaseStyle" TargetType="ListViewBase" BasedOn="{StaticResource VerticalListViewBaseStyle}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListViewBase">
                            <ScrollViewer 
                                x:Name="ScrollViewer"
                                TabNavigation="{TemplateBinding TabNavigation}"
                                HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
                                HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                                IsHorizontalScrollChainingEnabled="{TemplateBinding ScrollViewer.IsHorizontalScrollChainingEnabled}"
                                VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
                                VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
                                IsVerticalScrollChainingEnabled="{TemplateBinding ScrollViewer.IsVerticalScrollChainingEnabled}"
                                IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
                                IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
                                ZoomMode="{TemplateBinding ScrollViewer.ZoomMode}"
                                IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
                                BringIntoViewOnFocusChange="{TemplateBinding ScrollViewer.BringIntoViewOnFocusChange}"
                                AutomationProperties.AccessibilityView="Raw"
                                Style="{StaticResource NavigationAwareScrollViewerStyle}">
                                <ItemsPresenter
                                    Header="{TemplateBinding Header}"
                                    HeaderTemplate="{TemplateBinding HeaderTemplate}"
                                    HeaderTransitions="{TemplateBinding HeaderTransitions}"
                                    Footer="{TemplateBinding Footer}"
                                    FooterTemplate="{TemplateBinding FooterTemplate}"
                                    FooterTransitions="{TemplateBinding FooterTransitions}"
                                    Padding="{TemplateBinding Padding}"
                                    Margin="{Binding NavigationOffsetMargin, Source={StaticResource HamburgerHelper}}" />
                            </ScrollViewer>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- ==================================== -->
            <!-- ======= GRID/LIST VIEW ITEMS ======= -->
            <!-- ==================================== -->

            <!-- Default Style for GridViewItem and ListViewItem - intended for all styles for these two classes to use as BasedOn property. -->
            <Style x:Key="DefaultListViewBaseItemContainerStyle" TargetType="SelectorItem">
                <Setter Property="Margin" Value="0" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="MinWidth" Value="0" />
                <Setter Property="MinHeight" Value="0" />
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                <Setter Property="VerticalContentAlignment" Value="Stretch" />
            </Style>

            <!-- Implicit style to make sure all ListViewItems get the default style above if a style is not explicitly defined -->
            <Style TargetType="ListViewItem" BasedOn="{StaticResource DefaultListViewBaseItemContainerStyle}" />

            <!-- Implicit style to make sure all GridViewItems get the default style above if a style is not explicitly defined -->
            <Style TargetType="GridViewItem" BasedOn="{StaticResource DefaultListViewBaseItemContainerStyle}">
                <!-- Removed all SelectionHintStates, SelectionStates, DragStates, and ReorderHintStates and all related UI elements.
                    Removed 1px Margin from PointerOverBorder -->
                <Setter Property="Padding" Value="4" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="GridViewItem">
                            <!-- The Margin values here are 8 less than the redlines to account for 4px padding on each side for the hover background -->
                            <Grid x:Name="ContentContainer" Margin="0,0,16,16" Background="Transparent">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="ReflowStates">
                                        <VisualState x:Name="Wide">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" />
                                            </VisualState.StateTriggers>
                                        </VisualState>
                                        <VisualState x:Name="MediumNarrow">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource MediumNarrowMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentContainer" Storyboard.TargetProperty="Margin">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0,0,4,4" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Narrow">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource NarrowMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentContainer" Storyboard.TargetProperty="Margin">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>

                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="PointerOverBorder" Storyboard.TargetProperty="Opacity" To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <PointerDownThemeAnimation TargetName="ContentContainer" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="PointerOverPressed">
                                            <Storyboard>
                                                <PointerDownThemeAnimation TargetName="ContentContainer" />
                                                <DoubleAnimation Storyboard.TargetName="PointerOverBorder" Storyboard.TargetProperty="Opacity" To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="{ThemeResource ListViewItemDisabledThemeOpacity}" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>

                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisual" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused"/>
                                        <VisualState x:Name="PointerFocused"/>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <Rectangle x:Name="PointerOverBorder" IsHitTestVisible="False" Opacity="0" Stroke="{ThemeResource TileItemHoverBorderBrush}" Fill="{ThemeResource ListViewItemPointerOverBackgroundThemeBrush}" />
                                <Rectangle x:Name="FocusVisual" IsHitTestVisible="False" Opacity="0" StrokeThickness="2" Stroke="{ThemeResource ListViewItemFocusBorderThemeBrush}" />

                                <ContentPresenter
                                    x:Name="contentPresenter"
                                    ContentTransitions="{TemplateBinding ContentTransitions}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Margin="{TemplateBinding Padding}" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            
            <Style x:Key="NoInteractionsListViewItemContainerStyle" TargetType="ListViewItem" BasedOn="{StaticResource DefaultListViewBaseItemContainerStyle}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListViewItem">
                            <ListViewItemPresenter
                                Padding="{TemplateBinding Padding}"
                                SelectionCheckMarkVisualEnabled="False"
                                FocusBorderBrush="{ThemeResource ListViewItemFocusBorderThemeBrush}"
                                DisabledOpacity="{ThemeResource ListViewItemDisabledThemeOpacity}"
                                HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                                VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" />
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            
            <Style TargetType="ListViewItem" x:Key="HyperlinkListViewItemStyle" BasedOn="{StaticResource DefaultListViewBaseItemContainerStyle}">
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="TabNavigation" Value="Local"/>
                <Setter Property="Foreground" Value="{ThemeResource AppThemePrimaryBrush}"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListViewItem">
                            <Grid Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                            <VisualState x:Name="Normal" />
                                            <VisualState x:Name="PointerOver">
                                                <Storyboard>
                                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Foreground">
                                                        <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonHoverBrush}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </VisualState>
                                            <VisualState x:Name="Pressed">
                                                <Storyboard>
                                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Foreground">
                                                        <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonPressedBrush}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </VisualState>
                                            <VisualState x:Name="Disabled">
                                                <Storyboard>
                                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Foreground">
                                                        <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HyperlinkButtonDisabledBrush}" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </VisualState>
                                        </VisualStateGroup>
                                        <VisualStateGroup x:Name="FocusStates">
                                            <VisualState x:Name="Focused">
                                                <Storyboard>
                                                    <DoubleAnimation
                                                        Duration="0"
                                                        Storyboard.TargetName="FocusVisual"
                                                        Storyboard.TargetProperty="Opacity"
                                                        To="1" />
                                                </Storyboard>
                                            </VisualState>
                                            <VisualState x:Name="Unfocused" />
                                            <VisualState x:Name="PointerFocused" />
                                        </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                        
                                <Rectangle x:Name="FocusVisual"
                                                       IsHitTestVisible="False"
                                                       Opacity="0"
                                                       StrokeThickness="2"
                                                       Stroke="{ThemeResource ListViewItemFocusBorderThemeBrush}" />
                                <ContentPresenter x:Name="contentPresenter"
                                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                                        Content="{TemplateBinding Content}"
                                                        Foreground="{TemplateBinding Foreground}"
                                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                        Margin="{TemplateBinding Padding}" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!--  TODO: REPLACE ColumnListItemContainerStyle with the "better" ListView Control from Music/Video Consumption Team - When Avail  -->
            <!--MVR ONLY-->
            <Style x:Key="ColumnListItemContainerStyle" TargetType="ListViewItem" BasedOn="{StaticResource DefaultListViewBaseItemContainerStyle}">
                <Setter Property="Background" Value="{ThemeResource ApplicationPageBackgroundThemeBrush}" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListViewItem">
                            <Border x:Name="OuterContainer">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="contentPresenter"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="{ThemeResource ListViewItemDisabledThemeOpacity}" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="AltColorStates">
                                        <VisualState x:Name="DefaultColor"/>
                                        <VisualState x:Name="AltColor">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentBorder" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ButtonBackgroundLightBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="FocusVisualWhite"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="FocusVisualBlack"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="SelectionHintStates" />
                                    <VisualStateGroup x:Name="SelectionStates">
                                        <VisualState x:Name="Unselected" />
                                        <VisualState x:Name="Selected" />
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="DragStates" />
                                    <VisualStateGroup x:Name="ReorderHintStates" />
                                    <VisualStateGroup x:Name="DataVirtualizationStates">
                                        <VisualState x:Name="DataAvailable" />
                                        <VisualState x:Name="DataPlaceholder">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="PlaceholderTextBlock" Storyboard.TargetProperty="Visibility">
                                                    <DiscreteObjectKeyFrame KeyTime="0">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <Visibility>Visible</Visibility>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="PlaceholderRect" Storyboard.TargetProperty="Visibility">
                                                    <DiscreteObjectKeyFrame KeyTime="0">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <Visibility>Visible</Visibility>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid x:Name="ReorderHintContent" Background="Transparent">
                                    <Border x:Name="ContentContainer">
                                        <Grid x:Name="InnerDragContent">
                                            <Rectangle
                                                x:Name="PointerOverBorder"
                                                Margin="1"
                                                Fill="{ThemeResource ListViewItemPointerOverBackgroundThemeBrush}"
                                                IsHitTestVisible="False"
                                                Opacity="0" />
                                            <Rectangle
                                                x:Name="FocusVisual"
                                                IsHitTestVisible="False"
                                                Opacity="0"
                                                Stroke="{ThemeResource ListViewItemFocusBorderThemeBrush}"
                                                StrokeThickness="2" />
                                            <Border
                                                x:Name="ContentBorder"
                                                Margin="0"
                                                Background="{TemplateBinding Background}"
                                                BorderBrush="{TemplateBinding BorderBrush}"
                                                BorderThickness="{TemplateBinding BorderThickness}">
                                                <Grid>
                                                    <ContentPresenter
                                                        x:Name="contentPresenter"
                                                        Margin="{TemplateBinding Padding}"
                                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                        Content="{TemplateBinding Content}"
                                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                                        ContentTransitions="{TemplateBinding ContentTransitions}" />
                                                    <TextBlock
                                                        x:Name="PlaceholderTextBlock"
                                                        Margin="{TemplateBinding Padding}"
                                                        AutomationProperties.AccessibilityView="Raw"
                                                        Foreground="{x:Null}"
                                                        IsHitTestVisible="False"
                                                        Opacity="0"
                                                        Text="Xg" />
                                                    <Rectangle x:Name="PlaceholderRect" Fill="{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}" Visibility="Collapsed" />
                                                    <Rectangle
                                                        x:Name="MultiArrangeOverlayBackground"
                                                        Fill="{ThemeResource ListViewItemDragBackgroundThemeBrush}"
                                                        IsHitTestVisible="False"
                                                        Opacity="0" />
                                                </Grid>
                                            </Border>
                                            <Rectangle
                                                x:Name="FocusVisualWhite"
                                                Opacity="0"
                                                Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                                StrokeDashArray="1,1"
                                                StrokeDashOffset=".5"
                                                StrokeEndLineCap="Square" />
                                            <Rectangle
                                                x:Name="FocusVisualBlack"
                                                Opacity="0"
                                                Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                                StrokeDashArray="1,1"
                                                StrokeDashOffset="1.5"
                                                StrokeEndLineCap="Square" />
                                        </Grid>
                                    </Border>
                                </Grid>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!--Used only for nav items-->
            <Style x:Key="NavItemContainerStyle" TargetType="ListViewItem" BasedOn="{StaticResource DefaultListViewBaseItemContainerStyle}">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="TabNavigation" Value="Local" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListViewItem">
                            <Grid Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="0.6" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Active">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="1.0" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="0.8" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="PointerOverActive">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="0.6" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="1.0" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="PressedActive">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="1.0" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter" Storyboard.TargetProperty="Opacity" To="0.3" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>

                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualWhite" Storyboard.TargetProperty="Opacity" To="1" />
                                                <DoubleAnimation Duration="0" Storyboard.TargetName="FocusVisualBlack" Storyboard.TargetProperty="Opacity" To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused"/>
                                        <VisualState x:Name="PointerFocused"/>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <Rectangle
                                    x:Name="FocusVisualWhite"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset=".5"
                                    StrokeEndLineCap="Square" />
                                
                                <Rectangle
                                    x:Name="FocusVisualBlack"
                                    Opacity="0"
                                    Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                    StrokeDashArray="1,1"
                                    StrokeDashOffset="1.5"
                                    StrokeEndLineCap="Square" />
                                
                                <ContentPresenter
                                    x:Name="contentPresenter"
                                ContentTransitions="{TemplateBinding ContentTransitions}"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Margin="{TemplateBinding Padding}" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!--MVR ONLY-->
            <Style x:Key="ListViewTileItemContainerStyle" TargetType="SelectorItem">
                <Setter Property="Margin" Value="0,0,0,25" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="SelectorItem">
                            <Border x:Name="OuterContainer">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="PointerOverBorder"
                                                             Storyboard.TargetProperty="Opacity"
                                                             Duration="0"
                                                             To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter"
                                                             Storyboard.TargetProperty="Opacity"
                                                             Duration="0"
                                                             To="{ThemeResource ListViewItemDisabledThemeOpacity}" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisual" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused"/>
                                        <VisualState x:Name="PointerFocused"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="SelectionHintStates">
                                        <VisualState x:Name="VerticalSelectionHint" />
                                        <VisualState x:Name="HorizontalSelectionHint" />
                                        <VisualState x:Name="NoSelectionHint" />
                                        <VisualStateGroup.Transitions>
                                            <VisualTransition To="NoSelectionHint" GeneratedDuration="0:0:0.65"/>
                                        </VisualStateGroup.Transitions>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="SelectionStates">
                                        <VisualState x:Name="Unselecting" />
                                        <VisualState x:Name="Unselected" />
                                        <VisualState x:Name="UnselectedSwiping" />
                                        <VisualState x:Name="Selecting" />
                                        <VisualState x:Name="Selected" />
                                        <VisualState x:Name="SelectedUnfocused" />
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="DragStates">
                                        <VisualState x:Name="NotDragging" />
                                        <VisualState x:Name="Dragging" />
                                        <VisualState x:Name="DraggingTarget" />
                                        <VisualState x:Name="MultipleDraggingPrimary" />
                                        <VisualState x:Name="MultipleDraggingSecondary" />
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="ReorderHintStates">
                                        <VisualState x:Name="NoReorderHint"/>
                                        <VisualState x:Name="BottomReorderHint" />
                                        <VisualState x:Name="TopReorderHint" />
                                        <VisualState x:Name="RightReorderHint" />
                                        <VisualState x:Name="LeftReorderHint" />
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="DataVirtualizationStates">
                                        <VisualState x:Name="DataAvailable"/>
                                        <VisualState x:Name="DataPlaceholder">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderTextBlock"
                                                                           Storyboard.TargetProperty="Visibility"
                                                                           Duration="0">
                                                    <DiscreteObjectKeyFrame KeyTime="0">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <Visibility>Visible</Visibility>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderRect"
                                                                           Storyboard.TargetProperty="Visibility"
                                                                           Duration="0">
                                                    <DiscreteObjectKeyFrame KeyTime="0">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <Visibility>Visible</Visibility>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid x:Name="ReorderHintContent" Background="Transparent">
                                    <Path x:Name="SelectingGlyph" Opacity="0" Data="F1 M133.1,17.9 L137.2,13.2 L144.6,19.6 L156.4,5.8 L161.2,9.9 L145.6,28.4 z" Fill="{ThemeResource ListViewItemCheckSelectingThemeBrush}" Height="13" Stretch="Fill" Width="15" HorizontalAlignment="Right" Margin="0,9.5,9.5,0" VerticalAlignment="Top" FlowDirection="LeftToRight"/>
                                    <Border x:Name="HintGlyphBorder"
                                        Height="40"
                                        Width="40"
                                        HorizontalAlignment="Right"
                                        VerticalAlignment="Top"
                                        Opacity="0"
                                        Margin="{StaticResource TileItemMargin}">
                                        <Path x:Name="HintGlyph" Opacity="0" Data="F1 M133.1,17.9 L137.2,13.2 L144.6,19.6 L156.4,5.8 L161.2,9.9 L145.6,28.4 z" Fill="{ThemeResource ListViewItemCheckHintThemeBrush}" Height="13" Stretch="Fill"  Width="15" HorizontalAlignment="Right" Margin="0,5.5,5.5,0" VerticalAlignment="Top" FlowDirection="LeftToRight"/>
                                    </Border>
                                    <Border x:Name="ContentContainer">
                                        <Grid x:Name="InnerDragContent">
                                            <Rectangle x:Name="PointerOverBorder"
                                                IsHitTestVisible="False"
                                                Opacity="0"
                                                Fill="{ThemeResource TileItemHoverFillBrush}"
                                                Stroke="{ThemeResource TileItemHoverBorderBrush}"
                                                StrokeThickness="1"
                                                Margin="{StaticResource TileItemMargin}" />
                                            <Rectangle x:Name="FocusVisual"
                                                IsHitTestVisible="False"
                                                Opacity="0"
                                                StrokeThickness="2"
                                                Stroke="{ThemeResource ListViewItemFocusBorderThemeBrush}" />
                                            <Rectangle x:Name="SelectionBackground"
                                                Margin="{StaticResource TileItemMargin}"
                                                Fill="{ThemeResource ListViewItemSelectedBackgroundThemeBrush}"
                                                Opacity="0" />
                                            <Border x:Name="ContentBorder"
                                                Background="{TemplateBinding Background}"
                                                BorderBrush="{TemplateBinding BorderBrush}"
                                                BorderThickness="{TemplateBinding BorderThickness}"
                                                Margin="{StaticResource TileItemMargin}">
                                                <Grid VerticalAlignment="Top">
                                                    <ContentPresenter x:Name="contentPresenter"
                                                                  ContentTransitions="{TemplateBinding ContentTransitions}"
                                                                  ContentTemplate="{TemplateBinding ContentTemplate}"
                                                                  Content="{TemplateBinding Content}"
                                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                                  Margin="{TemplateBinding Padding}" />
                                                    <!-- The 'Xg' text simulates the amount of space one line of text will occupy.
                                             In the DataPlaceholder state, the Content is not loaded yet so we
                                             approximate the size of the item using placeholder text. -->
                                                    <TextBlock x:Name="PlaceholderTextBlock"
                                                           Opacity="0"
                                                           Text="Xg"
                                                           Foreground="{x:Null}"
                                                        Margin="{TemplateBinding Padding}"
                                                           IsHitTestVisible="False"
                                                           AutomationProperties.AccessibilityView="Raw"/>
                                                    <Rectangle x:Name="PlaceholderRect"
                                                           Visibility="Collapsed"
                                                           Fill="{StaticResource TileItemPlaceholderFillBrush}"/>
                                                    <Rectangle x:Name="MultiArrangeOverlayBackground"
                                                           IsHitTestVisible="False"
                                                           Opacity="0"
                                                           Fill="{ThemeResource ListViewItemDragBackgroundThemeBrush}" />
                                                </Grid>
                                            </Border>
                                            <Rectangle x:Name="SelectedBorder"
                                                        IsHitTestVisible="False"
                                                   Opacity="0"
                                                   Stroke="{ThemeResource ListViewItemSelectedBackgroundThemeBrush}"
                                                   StrokeThickness="{ThemeResource ListViewItemSelectedBorderThemeThickness}"
                                                   Margin="{StaticResource TileItemMargin}" />
                                            <Border x:Name="SelectedCheckMarkOuter"
                                                        IsHitTestVisible="False"
                                                HorizontalAlignment="Right"
                                                VerticalAlignment="Top"
                                                Margin="{StaticResource TileItemMargin}">
                                                <Grid x:Name="SelectedCheckMark" Opacity="0" Height="40" Width="40">
                                                    <Path x:Name="SelectedEarmark" Data="M0,0 L40,0 L40,40 z"  Fill="{ThemeResource ListViewItemSelectedBackgroundThemeBrush}" Stretch="Fill"/>
                                                    <Path Data="F1 M133.1,17.9 L137.2,13.2 L144.6,19.6 L156.4,5.8 L161.2,9.9 L145.6,28.4 z" Fill="{ThemeResource ListViewItemCheckThemeBrush}" Height="13" Stretch="Fill" Width="15" HorizontalAlignment="Right" Margin="0,5.5,5.5,0" VerticalAlignment="Top" FlowDirection="LeftToRight"/>
                                                </Grid>
                                            </Border>
                                            <TextBlock x:Name="MultiArrangeOverlayText"
                                                   Text="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.DragItemsCount}"
                                                   Foreground="{ThemeResource ListViewItemDragForegroundThemeBrush}"
                                                   FontFamily="{ThemeResource ContentControlThemeFontFamily}"
                                                   FontSize="26.667"
                                                   IsHitTestVisible="False"
                                                   Opacity="0"
                                                   TextWrapping="Wrap"
                                                   TextTrimming="WordEllipsis"
                                                   Margin="18,9,0,0"
                                                   AutomationProperties.AccessibilityView="Raw"/>
                                        </Grid>
                                    </Border>
                                </Grid>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- Used for default style on HandledHorizontalScrollViewer if item-clicks are disabled
         Used also on ReviewsLayout, PdpReviews, and SpotlightHeroPanel
         Purpose: No hover/pressed/selection/etc states - raw content host -->
            <Style x:Key="DefaultVariableGridViewItemStyle" TargetType="GridViewItem" BasedOn="{StaticResource DefaultListViewBaseItemContainerStyle}">
                <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />
                <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="TabNavigation" Value="Local"/>
                <Setter Property="IsHoldingEnabled" Value="True"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="GridViewItem">
                            <Grid x:Name="ContentContainer">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="PointerOver"/>
                                        <VisualState x:Name="Pressed"/>
                                        <VisualState x:Name="PointerOverPressed"/>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="contentPresenter"
                                                             Storyboard.TargetProperty="Opacity"
                                                             Duration="0"
                                                             To="{ThemeResource ListViewItemDisabledThemeOpacity}" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="FocusVisual" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused"/>
                                        <VisualState x:Name="PointerFocused"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="DataVirtualizationStates">
                                        <VisualState x:Name="DataAvailable"/>
                                        <VisualState x:Name="DataPlaceholder">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderTextBlock"
                                                                           Storyboard.TargetProperty="Visibility"
                                                                           Duration="0">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderRect"
                                                                           Storyboard.TargetProperty="Visibility"
                                                                           Duration="0">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <Rectangle
                                    x:Name="FocusVisual"
                                    IsHitTestVisible="False"
                                    Opacity="0"
                                    StrokeThickness="2"
                                    Stroke="{ThemeResource ListViewItemFocusBorderThemeBrush}" />
                                <Border x:Name="ContentBorder"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                    <Grid>
                                        <ContentPresenter
                                            x:Name="contentPresenter"
                                            ContentTransitions="{TemplateBinding ContentTransitions}"
                                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                            Margin="{TemplateBinding Padding}" />
                                        <!-- The 'Xg' text simulates the amount of space one line of text will occupy.
                                    In the DataPlaceholder state, the Content is not loaded yet so we
                                    approximate the size of the item using placeholder text. -->
                                        <TextBlock
                                            x:Name="PlaceholderTextBlock"
                                            Visibility="Collapsed"
                                            Text="Xg"
                                            Foreground="{x:Null}"
                                            Margin="{TemplateBinding Padding}"
                                            IsHitTestVisible="False"
                                            AutomationProperties.AccessibilityView="Raw"/>
                                        <Rectangle
                                            x:Name="PlaceholderRect"
                                            Visibility="Collapsed"
                                            Fill="{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}"/>
                                    </Grid>
                                </Border>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="CategoryVariableGridViewItemStyle" TargetType="GridViewItem" BasedOn="{StaticResource DefaultListViewBaseItemContainerStyle}">
                <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />
                <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="Margin" Value="0,0,8,8"/>
                <Setter Property="TabNavigation" Value="Local"/>
                <Setter Property="IsHoldingEnabled" Value="True"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="GridViewItem">
                            <Border x:Name="OuterContainer">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal"/>
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_activeRectangle" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource CategoriesHoverBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_activeRectangle" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource CategoriesPressedBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="PointerOverPressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_activeRectangle" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource CategoriesPressedBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisual" Storyboard.TargetProperty="Opacity">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="1" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused"/>
                                        <VisualState x:Name="PointerFocused"/>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid Background="{ThemeResource CategoriesBackgroundBrush}" Margin="0,0,4,4">
                                    <Grid x:Name="_activeRectangle"/>
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                                      Margin="{TemplateBinding Padding}"
                                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                      AutomationProperties.AccessibilityView="Raw"
                                                      Content="{TemplateBinding Content}"
                                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                                      ContentTransitions="{TemplateBinding ContentTransitions}" />
                                    <Rectangle
                                        x:Name="FocusVisual"
                                        HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                                           IsHitTestVisible="False"
                                           Opacity="0"
                                           Stroke="{ThemeResource ForegroundActiveBrush}"
                                           StrokeDashArray="1,1"
                                           StrokeDashOffset="0.5"
                                           StrokeEndLineCap="Square" />
                                </Grid>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- ========================= -->
            <!-- ======= COMBO BOX ======= -->
            <!-- ========================= -->

            <Style x:Key="StandardComboBoxItemContainerStyle" TargetType="ComboBoxItem">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="TabNavigation" Value="Local" />
                <Setter Property="Padding" Value="11,7" />
                <Setter Property="Foreground" Value="{ThemeResource PrimaryForegroundBrush}" />
                <Setter Property="FontSize" Value="{StaticResource CaptionFontSize}" />
                <Setter Property="HorizontalContentAlignment" Value="Left" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ComboBoxItem">
                            <Border
                                x:Name="LayoutRoot"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlPageBackgroundAltMediumBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource ComboBoxItemDisabledForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlForegroundListMediumBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                                 Storyboard.TargetName="FocusVisualWhite"
                                                                 Storyboard.TargetProperty="Opacity"
                                                                 To="1" />
                                                <DoubleAnimation
                                                    Duration="0"
                                                                 Storyboard.TargetName="FocusVisualBlack"
                                                                 Storyboard.TargetProperty="Opacity"
                                                                 To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid x:Name="InnerGrid" Background="Transparent">
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                                      Margin="{TemplateBinding Padding}"
                                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                                      Content="{TemplateBinding Content}"
                                                      ContentTemplate="{TemplateBinding ContentTemplate}"
                                                      ContentTransitions="{TemplateBinding ContentTransitions}" />
                                    <Rectangle
                                        x:Name="FocusVisualWhite"
                                               Opacity="0"
                                               Stroke="{ThemeResource FocusVisualWhiteStrokeThemeBrush}"
                                               StrokeDashArray="1,1"
                                               StrokeDashOffset=".5"
                                               StrokeEndLineCap="Square" />
                                    <Rectangle
                                        x:Name="FocusVisualBlack"
                                               Opacity="0"
                                               Stroke="{ThemeResource FocusVisualBlackStrokeThemeBrush}"
                                               StrokeDashArray="1,1"
                                               StrokeDashOffset="1.5"
                                               StrokeEndLineCap="Square" />

                                </Grid>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="StandardComboBoxStyle" TargetType="ComboBox">
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Margin" Value="0" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ComboBox">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>

                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlPageBackgroundAltMediumBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="BorderBrush">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlBackgroundBaseMediumHighBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlForegroundListMediumBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentPresenter" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseLowBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DropDownGlyph" Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SystemControlDisabledBaseLowBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="HighlightBackground"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="FocusedPressed">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="HighlightBackground"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                        <VisualState x:Name="FocusedDropDown">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Duration="0" Storyboard.TargetName="PopupBorder" Storyboard.TargetProperty="Visibility">
                                                    <DiscreteObjectKeyFrame KeyTime="0">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <Visibility>Visible</Visibility>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="DropDownStates">
                                        <VisualState x:Name="Opened">
                                            <Storyboard>
                                                <SplitOpenThemeAnimation
                                                    ClosedTargetName="ContentPresenter"
                                                    OffsetFromCenter="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.DropDownOffset}"
                                                    OpenedLength="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.DropDownOpenedHeight}"
                                                    OpenedTargetName="PopupBorder" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Closed">
                                            <Storyboard>
                                                <SplitCloseThemeAnimation
                                                    ClosedTargetName="ContentPresenter"
                                                    OffsetFromCenter="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.DropDownOffset}"
                                                    OpenedLength="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.DropDownOpenedHeight}"
                                                    OpenedTargetName="PopupBorder" />
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <Border
                                    x:Name="Background"
                                    Grid.ColumnSpan="2"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}" />
                                <Border
                                    x:Name="HighlightBackground"
                                    Grid.ColumnSpan="2"
                                    BorderBrush="{ThemeResource SystemControlBackgroundBaseMediumLowBrush}"
                                    BorderThickness="1"
                                    Opacity="0" />

                                <ContentPresenter
                                    x:Name="ContentPresenter"
                                    Margin="12,0,0,0"
                                    HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                    VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                    Foreground="{ThemeResource AccentThemeBrush}"
                                    FontSize="{StaticResource CaptionFontSize}">
                                    <TextBlock
                                        x:Name="PlaceholderTextBlock"
                                        FontSize="{StaticResource CaptionFontSize}"
                                        FontWeight="{ThemeResource ComboBoxPlaceholderTextThemeFontWeight}"
                                        Foreground="{ThemeResource SystemControlForegroundBaseHighBrush}"
                                        Text="{TemplateBinding PlaceholderText}" />
                                </ContentPresenter>
                                <TextBlock
                                    x:Name="DropDownGlyph"
                                    Grid.Column="1"
                                    Margin="4,4,12,0"
                                    HorizontalAlignment="Right"
                                    VerticalAlignment="Center"
                                    AutomationProperties.AccessibilityView="Raw"
                                    FontFamily="ms-appx:///Resources/Fonts/SegMVR2.ttf#Segoe MVR MDL2 Assets"
                                    FontSize="10"
                                    Foreground="{ThemeResource AccentThemeBrush}"
                                    IsHitTestVisible="False"
                                    Text="&#xE70D;" />
                                <Popup x:Name="Popup">
                                    <Border
                                        x:Name="PopupBorder"
                                        Margin="0,-1,0,0"
                                        HorizontalAlignment="Stretch"
                                        Background="{ThemeResource SystemControlBackgroundChromeMediumLowBrush}"
                                        BorderBrush="{ThemeResource AccentThemeBrush}"
                                        BorderThickness="1">
                                        <ScrollViewer
                                            x:Name="ScrollViewer"
                                            MinWidth="{ThemeResource ComboBoxPopupThemeMinWidth}"
                                            AutomationProperties.AccessibilityView="Raw"
                                            BringIntoViewOnFocusChange="{TemplateBinding ScrollViewer.BringIntoViewOnFocusChange}"
                                            Foreground="{ThemeResource SystemControlForegroundBaseHighBrush}"
                                            HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                                            HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
                                            IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
                                            IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
                                            IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
                                            VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
                                            VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
                                            VerticalSnapPointsAlignment="Near"
                                            VerticalSnapPointsType="OptionalSingle"
                                            ZoomMode="Disabled">
                                            <ItemsPresenter />
                                        </ScrollViewer>
                                    </Border>
                                </Popup>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- ========================= -->
            <!-- ======= FLIP VIEW ======= -->
            <!-- ========================= -->

            <Style x:Key="FlipViewStyle" TargetType="FlipView">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="TabNavigation" Value="Once" />
                <Setter Property="IsTabStop" Value="False" />
                <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
                <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />
                <Setter Property="ScrollViewer.IsHorizontalRailEnabled" Value="False" />
                <Setter Property="ScrollViewer.IsVerticalRailEnabled" Value="False" />
                <Setter Property="ScrollViewer.IsHorizontalScrollChainingEnabled" Value="True" />
                <Setter Property="ScrollViewer.IsVerticalScrollChainingEnabled" Value="True" />
                <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False" />
                <Setter Property="ScrollViewer.BringIntoViewOnFocusChange" Value="True" />
                <Setter Property="ItemsPanel">
                    <Setter.Value>
                        <ItemsPanelTemplate>
                            <VirtualizingStackPanel AreScrollSnapPointsRegular="True" Orientation="Horizontal" />
                        </ItemsPanelTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="FlipView">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused" />
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid>
                                    <ScrollViewer
                                        x:Name="ScrollingHost"
                                                  AutomationProperties.AccessibilityView="Raw"
                                                  BringIntoViewOnFocusChange="{TemplateBinding ScrollViewer.BringIntoViewOnFocusChange}"
                                                  HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                                                  HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
                                                  HorizontalSnapPointsType="MandatorySingle"
                                                  IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
                                                  IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
                                                  IsHorizontalScrollChainingEnabled="{TemplateBinding ScrollViewer.IsHorizontalScrollChainingEnabled}"
                                                  IsTabStop="False"
                                                  IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
                                                  IsVerticalScrollChainingEnabled="{TemplateBinding ScrollViewer.IsVerticalScrollChainingEnabled}"
                                                  Padding="{TemplateBinding Padding}"
                                                  TabNavigation="{TemplateBinding TabNavigation}"
                                                  VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
                                                  VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
                                                  VerticalSnapPointsType="MandatorySingle"
                                                  ZoomMode="Disabled">
                                        <ItemsPresenter />
                                    </ScrollViewer>
                                    <Button
                                        x:Name="PreviousButtonHorizontal"
                                            Width="20"
                                            Height="36"
                                            HorizontalAlignment="Left"
                                            VerticalAlignment="Center"
                                            IsTabStop="False"
                                            Content="&#xE76B;"
                                            Style="{StaticResource PaddleButtonStyle}" />
                                    <Button
                                        x:Name="NextButtonHorizontal"
                                            Width="20"
                                            Height="36"
                                            HorizontalAlignment="Right"
                                            VerticalAlignment="Center"
                                            IsTabStop="False"
                                            Content="&#xE76C;"
                                            Style="{StaticResource PaddleButtonStyle}" />

                                </Grid>

                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- ========================= -->
            <!-- ====== MENU FLYOUT ====== -->
            <!-- ========================= -->

            <!--Somewhere, in the deep in the bowels of the code, lies a venomous monster named Altorin.
    Altorin lies in wait in his secret dark cave for an unsuspecting MenuFlyoutItem.
    When the unsuspecting flyout item strolls past, Altorin visciously attacks it,
    stripping it of it's default style and replacing it with something far more sinister.
    This evil style deprives the poor menu flyout item of it's ability to render the proper
    colors when it's hovered over in a high contrast mode, making it utterly unreadable.
    
    In a wash of white light, the Kight know as Sir DefaultStylus gallups in, slashing Altorin's
    throat in feirce battle, slaying the monster. Sir DefaultStylus steps down from his trusty steed,
    and takes a velvet cape out of satchel, and wraps the shivering MenuFlyoutItem in the soft velvet.
    The cape posesses magic that allows the *Menu Flyout Item to have less vertical padding and a fontweight*
    that helps him fit in with the rest of his friends in the villiage of Windows Store Appitus.-->
            <Style TargetType="MenuFlyoutItem" >
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="Padding" Value="20,5,20,6" />
                <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />
                <Setter Property="FontSize" Value="{ThemeResource ControlContentThemeFontSize}" />
                <Setter Property="HorizontalContentAlignment" Value="Stretch" />
                <Setter Property="VerticalContentAlignment" Value="Center" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="MenuFlyoutItem">
                            <Border x:Name="LayoutRoot"
                                    Background="{TemplateBinding Background}"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder"
                                                                               Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource MenuFlyoutItemPointerOverBackgroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextBlock"
                                                                               Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource MenuFlyoutItemPointerOverForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Pressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="InnerBorder"
                                                                               Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource MenuFlyoutItemPressedBackgroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextBlock"
                                                                               Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource MenuFlyoutItemPressedForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextBlock"
                                                                               Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource MenuFlyoutItemDisabledForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="LayoutRoot"
                                                                               Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource MenuFlyoutItemFocusedBackgroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextBlock"
                                                                               Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource MenuFlyoutItemFocusedForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="CheckPlaceholderStates">
                                        <VisualState x:Name="NoPlaceholder" />
                                        <VisualState x:Name="CheckPlaceholder">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="TextBlock"
                                                                               Storyboard.TargetProperty="Margin">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource MenuFlyoutItemPlaceholderThemeThickness}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border x:Name="InnerBorder" Padding="{TemplateBinding Padding}">
                                    <TextBlock x:Name="TextBlock"
                                               Text="{TemplateBinding Text}"
                                               TextTrimming="CharacterEllipsis"
                                               HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                               VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                                </Border>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- ========================= -->
            <!-- =======    MISC   ======= -->
            <!-- ========================= -->

            <!-- This style contains a custom binding for the margin on the vertical scrollbar -->
            <Style x:Key="NavigationAwareScrollViewerStyle" TargetType="ScrollViewer">
                <Setter Property="HorizontalScrollMode" Value="Enabled" />
                <Setter Property="VerticalScrollMode" Value="Enabled" />
                <Setter Property="IsHorizontalRailEnabled" Value="True" />
                <Setter Property="IsVerticalRailEnabled" Value="True" />
                <Setter Property="IsTabStop" Value="False" />
                <Setter Property="ZoomMode" Value="Enabled" />
                <Setter Property="HorizontalContentAlignment" Value="Left"/>
                <Setter Property="VerticalContentAlignment" Value="Top"/>
                <Setter Property="VerticalScrollBarVisibility" Value="Visible"/>
                <Setter Property="Background" Value="Transparent"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ScrollViewer">
                            <Grid Background="{TemplateBinding Background}">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="ScrollingIndicatorStates">
                                        <VisualStateGroup.Transitions>
                                            <VisualTransition From="MouseIndicator" To="NoIndicator">
                                                <Storyboard>
                                                    <FadeOutThemeAnimation TargetName="ScrollBarSeparator" BeginTime="0:0:3" />
                                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalScrollBar" Storyboard.TargetProperty="IndicatorMode">
                                                        <DiscreteObjectKeyFrame KeyTime="0:0:3" Value="None" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalScrollBar" Storyboard.TargetProperty="IndicatorMode">
                                                        <DiscreteObjectKeyFrame KeyTime="0:0:3" Value="None" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </VisualTransition>
                                            <VisualTransition From="TouchIndicator" To="NoIndicator">
                                                <Storyboard>
                                                    <FadeOutThemeAnimation TargetName="ScrollBarSeparator" />
                                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalScrollBar" Storyboard.TargetProperty="IndicatorMode">
                                                        <DiscreteObjectKeyFrame KeyTime="0:0:0.5" Value="None" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                    <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalScrollBar" Storyboard.TargetProperty="IndicatorMode">
                                                        <DiscreteObjectKeyFrame KeyTime="0:0:0.5" Value="None" />
                                                    </ObjectAnimationUsingKeyFrames>
                                                </Storyboard>
                                            </VisualTransition>
                                        </VisualStateGroup.Transitions>

                                        <VisualState x:Name="NoIndicator">
                                            <Storyboard>
                                                <FadeOutThemeAnimation TargetName="ScrollBarSeparator" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="TouchIndicator">
                                            <Storyboard>
                                                <FadeOutThemeAnimation TargetName="ScrollBarSeparator" />
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalScrollBar" Storyboard.TargetProperty="IndicatorMode">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="TouchIndicator" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalScrollBar" Storyboard.TargetProperty="IndicatorMode">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="TouchIndicator" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="MouseIndicator">
                                            <Storyboard>
                                                <FadeInThemeAnimation TargetName="ScrollBarSeparator" />
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="VerticalScrollBar" Storyboard.TargetProperty="IndicatorMode">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="MouseIndicator" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="HorizontalScrollBar" Storyboard.TargetProperty="IndicatorMode">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="MouseIndicator" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition />
                                    <RowDefinition Height="Auto" />
                                </Grid.RowDefinitions>
                                    
                                <ScrollContentPresenter 
                                    x:Name="ScrollContentPresenter"
                                    Grid.RowSpan="2"
                                    Grid.ColumnSpan="2"
                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                    Margin="{TemplateBinding Padding}" />
                                    
                                <ScrollBar 
                                    x:Name="VerticalScrollBar"
                                    Grid.Column="1"
                                    IsTabStop="False"
                                    Maximum="{TemplateBinding ScrollableHeight}"
                                    Orientation="Vertical"
                                    Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}"
                                    Value="{TemplateBinding VerticalOffset}"
                                    ViewportSize="{TemplateBinding ViewportHeight}"
                                    HorizontalAlignment="Right"
                                    Margin="{Binding NavigationOffsetMargin, Source={StaticResource HamburgerHelper}}" />
                                    
                                <ScrollBar 
                                    x:Name="HorizontalScrollBar"
                                    IsTabStop="False"
                                    Maximum="{TemplateBinding ScrollableWidth}"
                                    Orientation="Horizontal"
                                    Grid.Row="1"
                                    Visibility="{TemplateBinding ComputedHorizontalScrollBarVisibility}"
                                    Value="{TemplateBinding HorizontalOffset}"
                                    ViewportSize="{TemplateBinding ViewportWidth}" />
                                    
                                <Border 
                                    x:Name="ScrollBarSeparator"
                                    Grid.Row="1"
                                    Grid.Column="1"
                                    BorderThickness="0,0,1,1"
                                    Background="{ThemeResource ScrollBarTrackBackgroundThemeBrush}"
                                    BorderBrush="{ThemeResource ScrollBarTrackBorderThemeBrush}" />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="ProductItemViewerCollectionVerticalStyle" TargetType="tiles:ProductItemViewer">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="tiles:ProductItemViewer">
                            <StackPanel x:Name="_tilePanel" Width="140" MinHeight="198">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="ReflowStates">
                                        <VisualState x:Name="Wide">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" />
                                            </VisualState.StateTriggers>
                                        </VisualState>
                                        <VisualState x:Name="MediumNarrow">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource MediumNarrowMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Margin" Storyboard.TargetName="_title">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0,4,0,0" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="MinHeight" Storyboard.TargetName="_tilePanel">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="187" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Narrow">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource NarrowMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Width" Storyboard.TargetName="_tilePanel">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="92" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="MinHeight" Storyboard.TargetName="_tilePanel">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="162" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Height" Storyboard.TargetName="_imageContainer">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="92" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Style" Storyboard.TargetName="_title">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource CaptionTextBlockStyle}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Margin" Storyboard.TargetName="_title">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="0,4,0,0" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <Border BorderBrush="{StaticResource TileImageOverlayBorderBrush_Opaque}" BorderThickness="1" x:Name="_imageContainer" Height="140">
                                    <Image x:Name="_image" AutomationProperties.AccessibilityView="Raw" />
                                </Border>

                                <TextBlock
                                    x:Name="_title"
                                    Margin="0,8,0,0"
                                    Foreground="{ThemeResource PrimaryForegroundBrush}"
                                    MaxLines="2"
                                    Style="{StaticResource BodyTextBlockStyle}"
                                    TextTrimming="CharacterEllipsis"
                                    TextWrapping="Wrap" />

                                <!-- Not used by collection tiles -->
                                <TextBlock
                                    x:Name="_extraMetaDataText"
                                    x:DeferLoadStrategy="Lazy"
                                    Foreground="{ThemeResource PrimaryForegroundBrush}"
                                    Style="{StaticResource BodyTextBlockStyle}"
                                    TextTrimming="CharacterEllipsis"
                                    TextWrapping="NoWrap"
                                    Visibility="Collapsed" />

                                <!-- Not used by collection tiles -->
                                <controls:StarRating
                                    x:Name="_rating"
                                    x:DeferLoadStrategy="Lazy"
                                    Margin="-1,-2,0,0"
                                    Visibility="Collapsed" />

                                <controls:PromoPrice
                                    x:Name="_pricing"
                                    x:DeferLoadStrategy="Lazy"
                                    Margin="0,-1,0,0"
                                    Visibility="Collapsed" />

                            </StackPanel>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            
            <Style x:Key="ProductItemViewerHorizontalStyle" TargetType="tiles:ProductItemViewer">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="tiles:ProductItemViewer">
                            <Grid x:Name="_tilePanel" Width="304">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="ReflowStates">
                                        <VisualState x:Name="Wide">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <!--Default values are for Wide - no change needed-->
                                        </VisualState>
                                        <VisualState x:Name="Narrow">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource NarrowMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_tilePanel" Storyboard.TargetProperty="Width">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="292" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition />
                                </Grid.ColumnDefinitions>

                                <Border BorderBrush="{StaticResource TileImageOverlayBorderBrush_Opaque}" BorderThickness="1" Height="68" Width="68" VerticalAlignment="Top">
                                    <Image x:Name="_image" AutomationProperties.AccessibilityView="Raw" />
                                </Border>

                                <StackPanel Grid.Column="1" VerticalAlignment="Center" Margin="12,0,0,0">
                                    <TextBlock
                                        x:Name="_title"
                                        Style="{StaticResource BodyTextBlockStyle}"
                                        Foreground="{ThemeResource PrimaryForegroundBrush}"
                                        TextTrimming="CharacterEllipsis"
                                        TextWrapping="NoWrap"
                                        Margin="0,0,0,-3"/>

                                    <controls:StarRating x:Name="_rating" />

                                    <controls:PromoPrice x:Name="_pricing"/>

                                    <!-- This is not currently used by the horizontal layout (but it is required to exist in the template for ProductItemViewer) -->
                                    <TextBlock x:Name="_extraMetaDataText" x:DeferLoadStrategy="Lazy" Visibility="Collapsed" />
                                </StackPanel>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="ProductItemViewerPersonalizedStyle" TargetType="tiles:ProductItemViewer">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="tiles:ProductItemViewer">
                            <Grid x:Name="_tilePanel" Width="304">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="ReflowStates">
                                        <VisualState x:Name="Wide">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <!--Default values are for Wide - no change needed-->
                                        </VisualState>
                                        <VisualState x:Name="Narrow">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource NarrowMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_tilePanel" Storyboard.TargetProperty="Width">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="292" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition />
                                </Grid.ColumnDefinitions>

                                <Border BorderBrush="{StaticResource TileImageOverlayBorderBrush_Opaque}" 
                                        BorderThickness="1" 
                                        Height="92" 
                                        Width="92" 
                                        VerticalAlignment="Top">
                                    <Image x:Name="_image" AutomationProperties.AccessibilityView="Raw" />
                                </Border>

                                <StackPanel Grid.Column="1" 
											VerticalAlignment="Top" 
											Margin="12,0,0,0">
                                    <TextBlock
                                        x:Name="_title"
                                        Foreground="{ThemeResource PrimaryForegroundBrush}"
                                        Style="{StaticResource BodyTextBlockStyle}"
                                        TextTrimming="CharacterEllipsis"
                                        TextWrapping="NoWrap" />

                                    <!-- This is not currently used by the personalized layout (but it is required to exist in the template for ProductItemViewer) -->
                                    <controls:StarRating x:Name="_rating" x:DeferLoadStrategy="Lazy" Visibility="Collapsed" />

                                    <controls:PromoPrice x:Name="_pricing" Margin="0,-1,0,0" />

                                    <!--Reason for recommendation-->
                                    <TextBlock
                                        x:Name="_extraMetaDataText"
                                        Margin="0,4,0,0"
                                        Foreground="{ThemeResource SecondaryForegroundBrush}"
                                        Style="{StaticResource CaptionTextBlockStyle}"
                                        MaxLines="2"
                                        TextWrapping="WrapWholeWords"
                                        TextTrimming="CharacterEllipsis" />
                                </StackPanel>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <Style x:Key="OemMoTopTileStyle" TargetType="tiles:ProductItemViewer">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="tiles:ProductItemViewer">
                            <Grid x:Name="_tilePanel" Margin="0,0,36,0">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="ReflowStates">
                                        <VisualState x:Name="Wide">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" />
                                            </VisualState.StateTriggers>
											<Storyboard>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="Width" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="140" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="Height" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="140" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="(Grid.RowSpan)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="2" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="(Grid.ColumnSpan)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="2" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="(Grid.Column)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="0" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_extraMetaDataText" Storyboard.TargetProperty="Margin" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="12,8,0,10" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_extraMetaDataText" Storyboard.TargetProperty="(Grid.Column)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="2" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_extraMetaDataText" Storyboard.TargetProperty="(Grid.ColumnSpan)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="1" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_detailsPanel" Storyboard.TargetProperty="Margin" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="12,7,0,0" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_firstColumn" Storyboard.TargetProperty="Width" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="72" /> <!--72+68 = 140, as called out in redlines-->
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_thirdColumn" Storyboard.TargetProperty="Width" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="304" />
												</ObjectAnimationUsingKeyFrames>
											</Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="MediumNarrow">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource MediumNarrowMinWidth}" />
                                            </VisualState.StateTriggers>
											<Storyboard>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="Width" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="140" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="Height" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="140" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="(Grid.RowSpan)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="2" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="(Grid.ColumnSpan)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="2" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="(Grid.Column)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="0" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_extraMetaDataText" Storyboard.TargetProperty="Margin" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="12,8,0,10" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_extraMetaDataText" Storyboard.TargetProperty="(Grid.Column)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="2" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_extraMetaDataText" Storyboard.TargetProperty="(Grid.ColumnSpan)" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="1" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_detailsPanel" Storyboard.TargetProperty="Margin" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="12,7,0,0" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_firstColumn" Storyboard.TargetProperty="Width" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="72" />
													<!--72+68 = 140, as called out in redlines-->
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_thirdColumn" Storyboard.TargetProperty="Width" >
													<DiscreteObjectKeyFrame KeyTime="0" Value="268" />
												</ObjectAnimationUsingKeyFrames>
											</Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                
                                <Grid.ColumnDefinitions>
									<ColumnDefinition x:Name="_firstColumn" Width="Auto" />
                                    <ColumnDefinition x:Name="_secondColumn" Width="68"/>
									<ColumnDefinition x:Name="_thirdColumn" Width="196"/> <!--264-68=196, called out in the redlines-->
                                </Grid.ColumnDefinitions>
								<Grid.RowDefinitions>
									<RowDefinition/>
									<RowDefinition/>
								</Grid.RowDefinitions>

								<Border BorderBrush="{StaticResource TileImageOverlayBorderBrush_Opaque}" 
                                        BorderThickness="1" 
                                        x:Name="_imageContainer" 
                                        Height="68" 
                                        Width="68" 
                                        HorizontalAlignment="Left"
										VerticalAlignment="Top"
										Grid.Column="1">
                                    <Image x:Name="_image" AutomationProperties.AccessibilityView="Raw" />
                                </Border>

                                <StackPanel x:Name="_detailsPanel"
											Grid.Column="2"
											VerticalAlignment="Top"
											HorizontalAlignment="Left"
											Margin="12,7,0,10">
									
                                    <TextBlock
                                        x:Name="_title"
                                        Style="{StaticResource BodyTextBlockStyle}"
                                        Foreground="{ThemeResource PrimaryForegroundBrush}"
                                        TextTrimming="CharacterEllipsis"
                                        TextWrapping="NoWrap"
                                        Margin="0,0,0,-3"/>

                                    <controls:StarRating x:Name="_rating" />

                                    <controls:PromoPrice x:Name="_pricing"/>
								</StackPanel>

                                    <TextBlock
                                        x:Name="_extraMetaDataText"
                                        Margin="0,8,0,0"
										Grid.Row="2"
										Grid.Column="1"
										Grid.ColumnSpan="2"
                                        Foreground="{ThemeResource SecondaryForegroundBrush}"
                                        Style="{StaticResource CaptionTextBlockStyle}"
                                        MaxLines="4"
                                        TextWrapping="WrapWholeWords"
                                        TextTrimming="CharacterEllipsis" />
									
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            
			<Style x:Key="OemMoBottomTileStyle" TargetType="tiles:ProductItemViewer">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="tiles:ProductItemViewer">
							<StackPanel x:Name="_tilePanel" 
								  Width="100"
								  Margin="0,0,0,24">
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="ReflowStates">
                                        <VisualState x:Name="Wide">
                                            <VisualState.StateTriggers>
                                                <AdaptiveTrigger MinWindowWidth="{StaticResource WideMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <Storyboard>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="Height">
													<DiscreteObjectKeyFrame KeyTime="0" Value="140" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="Width">
													<DiscreteObjectKeyFrame KeyTime="0" Value="140" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_title" Storyboard.TargetProperty="Margin">
													<DiscreteObjectKeyFrame KeyTime="0" Value="0,8,8,0" />
												</ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="_tilePanel" Storyboard.TargetProperty="Width">
													<DiscreteObjectKeyFrame KeyTime="0" Value="164" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
										<VisualState x:Name="MediumNarrow">
                                            <VisualState.StateTriggers>
												<AdaptiveTrigger MinWindowWidth="{StaticResource MediumNarrowMinWidth}" />
                                            </VisualState.StateTriggers>
                                            <Storyboard>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="Height">
													<DiscreteObjectKeyFrame KeyTime="0" Value="140" />
                                                </ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_imageContainer" Storyboard.TargetProperty="Width">
													<DiscreteObjectKeyFrame KeyTime="0" Value="140" />
                                                </ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_tilePanel" Storyboard.TargetProperty="Margin">
													<DiscreteObjectKeyFrame KeyTime="0" Value="0,0,0,12" />
                                                </ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="_tilePanel" Storyboard.TargetProperty="Width">
													<DiscreteObjectKeyFrame KeyTime="0" Value="152" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>

                                <Border BorderBrush="{StaticResource TileImageOverlayBorderBrush_Opaque}" BorderThickness="1" x:Name="_imageContainer" Height="92" Width="92" HorizontalAlignment="Left">
                                    <Image x:Name="_image" AutomationProperties.AccessibilityView="Raw" />
                                </Border>

                                    <TextBlock
                                        x:Name="_title"
                                        Foreground="{ThemeResource PrimaryForegroundBrush}"
                                        Style="{StaticResource BodyTextBlockStyle}"
                                        MaxLines="2"
									Margin="0,4,8,0"
                                        TextWrapping="WrapWholeWords"
                                        TextTrimming="CharacterEllipsis" />

								<controls:StarRating x:Name="_rating" Margin="0,0,8,0"/>

								<controls:PromoPrice x:Name="_pricing" Margin="0,0,8,0"/>

                                </StackPanel>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            
            <Style x:Key="BodyRichTextBlockStyle" TargetType="RichTextBlock">
                <Setter Property="FontSize" Value="{StaticResource CaptionFontSize}" />
                <Setter Property="LineHeight" Value="20" />
                <Setter Property="FontWeight" Value="Normal" />
            </Style>

            <Style x:Key="CaptionRichTextBlockStyle" TargetType="RichTextBlock">
                <Setter Property="FontSize" Value="{StaticResource CaptionFontSize}" />
                <Setter Property="LineHeight" Value="14" />
                <Setter Property="FontWeight" Value="Normal" />
                <Setter Property="TextWrapping" Value="WrapWholeWords"/>
            </Style>

            <Style x:Key="SearchTextBoxStyle" TargetType="TextBox">
                <Setter Property="MinWidth" Value="220" />
                <Setter Property="MaxWidth" Value="400" />
				<Setter Property="Foreground" Value="{ThemeResource SearchForegroundBrush}" />
				<Setter Property="Background" Value="{ThemeResource SearchBackgroundBrush}" />
                <Setter Property="BorderBrush" Value="{ThemeResource TextBoxBorderThemeBrush}" />
                <Setter Property="SelectionHighlightColor" Value="{ThemeResource TextSelectionHighlightColorThemeBrush}" />
                <Setter Property="BorderThickness" Value="1" />
                <Setter Property="FontFamily" Value="{ThemeResource ContentControlThemeFontFamily}" />
				<Setter Property="FontSize" Value="{StaticResource CaptionFontSize}" />
                <Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
                <Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />
                <Setter Property="ScrollViewer.IsDeferredScrollingEnabled" Value="False" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="TextBox">
                            <Grid>
                                <Grid.Resources>
                                    <Style x:Name="DeleteButtonStyle" TargetType="Button">
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="Button">
                                                    <Grid>
                                                        <VisualStateManager.VisualStateGroups>
                                                            <VisualStateGroup x:Name="CommonStates">
                                                                <VisualState x:Name="Normal" />
                                                                <VisualState x:Name="PointerOver">
                                                                    <Storyboard>
                                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="GlyphElement"
                                                                                                   Storyboard.TargetProperty="Foreground">
                                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource AppThemePrimaryBrush}" />
                                                                        </ObjectAnimationUsingKeyFrames>
                                                                    </Storyboard>
                                                                </VisualState>
                                                                <VisualState x:Name="Pressed">
                                                                    <Storyboard>
                                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement"
                                                                                                   Storyboard.TargetProperty="Background">
                                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource AppThemePrimaryBrush}" />
                                                                        </ObjectAnimationUsingKeyFrames>
                                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement"
                                                                                                   Storyboard.TargetProperty="BorderBrush">
                                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource AppThemePrimaryBrush}" />
                                                                        </ObjectAnimationUsingKeyFrames>
                                                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="GlyphElement"
                                                                                                   Storyboard.TargetProperty="Foreground">
                                                                            <DiscreteObjectKeyFrame KeyTime="0" Value="White" />
                                                                        </ObjectAnimationUsingKeyFrames>
                                                                    </Storyboard>
                                                                </VisualState>
                                                                <VisualState x:Name="Disabled">
                                                                    <Storyboard>
                                                                        <DoubleAnimation Storyboard.TargetName="BackgroundElement"
                                                                                     Storyboard.TargetProperty="Opacity"
                                                                                     To="0"
                                                                                     Duration="0" />
                                                                        <DoubleAnimation Storyboard.TargetName="BorderElement"
                                                                                     Storyboard.TargetProperty="Opacity"
                                                                                     To="0"
                                                                                     Duration="0" />
                                                                    </Storyboard>
                                                                </VisualState>
                                                            </VisualStateGroup>
                                                        </VisualStateManager.VisualStateGroups>
                                                        <Border x:Name="BorderElement"
                                                            BorderBrush="{ThemeResource TextBoxButtonBorderThemeBrush}"
                                                            BorderThickness="{TemplateBinding BorderThickness}"/>
                                                        <Border x:Name="BackgroundElement"
                                                            Background="{ThemeResource TextBoxButtonBackgroundThemeBrush}"
                                                            Margin="{TemplateBinding BorderThickness}">
                                                            <TextBlock x:Name="GlyphElement"
                                                                   Foreground="{ThemeResource TextBoxButtonForegroundThemeBrush}"
                                                                   VerticalAlignment="Center"
                                                                   HorizontalAlignment="Center"
                                                                   Margin="2,0,2,0"
                                                                   FontStyle="Normal"
                                                                   Text="&#xE711;"
                                                                   FontFamily="Segoe MDL2 Assets"
                                                                   AutomationProperties.AccessibilityView="Raw"/>
                                                        </Border>
                                                    </Grid>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </Grid.Resources>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Disabled">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BackgroundElement"
                                                                           Storyboard.TargetProperty="Background">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxDisabledBackgroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement"
                                                                           Storyboard.TargetProperty="BorderBrush">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxDisabledBorderThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ContentElement"
                                                                           Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxDisabledForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderTextContentPresenter"
                                                                           Storyboard.TargetProperty="Foreground">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource TextBoxDisabledForegroundThemeBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Normal">
                                            <Storyboard>
                                                <DoubleAnimation Storyboard.TargetName="BackgroundElement"
                                                             Storyboard.TargetProperty="Opacity"
                                                             Duration="0"
                                                             To="{ThemeResource TextControlBackgroundThemeOpacity}" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="PointerOver">
                                            <Storyboard>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" Storyboard.TargetProperty="BorderThickness">
													<DiscreteObjectKeyFrame KeyTime="0" Value="2" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" Storyboard.TargetProperty="BorderBrush">
													<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource SearchBorderPointerOverBrush}" />
												</ObjectAnimationUsingKeyFrames>
												
												
                                                <DoubleAnimation Storyboard.TargetName="BackgroundElement"
                                                             Storyboard.TargetProperty="Opacity"
                                                             Duration="0"
                                                             To="{ThemeResource TextControlPointerOverBackgroundThemeOpacity}" />
                                                <DoubleAnimation Storyboard.TargetName="BorderElement"
                                                             Storyboard.TargetProperty="Opacity"
                                                             Duration="0"
                                                             To="{ThemeResource TextControlPointerOverBorderThemeOpacity}" />
                                            </Storyboard>
                                        </VisualState>
										<VisualState x:Name="Focused">	
											<Storyboard>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="BorderElement" Storyboard.TargetProperty="BorderBrush">
													<DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource AppThemePrimaryBrush}" />
												</ObjectAnimationUsingKeyFrames>
												<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PlaceholderTextContentPresenter" Storyboard.TargetProperty="Visibility">
													<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
												</ObjectAnimationUsingKeyFrames>
											</Storyboard>
										</VisualState>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="ButtonStates">
                                        <VisualState x:Name="ButtonVisible">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="DeleteButton"
                                                                           Storyboard.TargetProperty="Visibility">
                                                    <DiscreteObjectKeyFrame KeyTime="0">
                                                        <DiscreteObjectKeyFrame.Value>
                                                            <Visibility>Visible</Visibility>
                                                        </DiscreteObjectKeyFrame.Value>
                                                    </DiscreteObjectKeyFrame>
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="ButtonCollapsed" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto" />
                                    <RowDefinition Height="*" />
                                </Grid.RowDefinitions>
                                <Border x:Name="BackgroundElement"
                                    Grid.Row="1"
                                    Background="{TemplateBinding Background}"
                                    Margin="{TemplateBinding BorderThickness}"
                                    Grid.ColumnSpan="2"
                                    Grid.RowSpan="1"/>
                                <Border x:Name="BorderElement"
                                    Grid.Row="1"
                                    BorderBrush="{TemplateBinding BorderBrush}"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    Grid.ColumnSpan="2"
                                    Grid.RowSpan="1"/>
                                <ContentPresenter x:Name="HeaderContentPresenter"
											Foreground="{ThemeResource SearchPlaceholderTextBrush}"
                                              Margin="0,4,0,4"
                                              Grid.ColumnSpan="2"
                                              Content="{TemplateBinding Header}"
                                              ContentTemplate="{TemplateBinding HeaderTemplate}"
                                              FontWeight="Semilight" />
                                <ScrollViewer x:Name="ContentElement"
                                          Grid.Row="1"
                                          HorizontalScrollMode="{TemplateBinding ScrollViewer.HorizontalScrollMode}"
                                          HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}"
                                          VerticalScrollMode="{TemplateBinding ScrollViewer.VerticalScrollMode}"
                                          VerticalScrollBarVisibility="{TemplateBinding ScrollViewer.VerticalScrollBarVisibility}"
                                          IsHorizontalRailEnabled="{TemplateBinding ScrollViewer.IsHorizontalRailEnabled}"
                                          IsVerticalRailEnabled="{TemplateBinding ScrollViewer.IsVerticalRailEnabled}"
                                          IsDeferredScrollingEnabled="{TemplateBinding ScrollViewer.IsDeferredScrollingEnabled}"
                                          Padding="{TemplateBinding Padding}"
                                          IsTabStop="False"
										  VerticalAlignment="Center"
										  Margin="0,0,0,-4"
                                          AutomationProperties.AccessibilityView="Raw"
                                          ZoomMode="Disabled" />
                                <ContentControl x:Name="PlaceholderTextContentPresenter"
                                          Grid.Row="1"
										  Margin="0,0,0,-2"
										  VerticalAlignment="Center"
                                          Foreground="{ThemeResource SearchPlaceholderTextBrush}"
                                          Padding="{TemplateBinding Padding}"
                                          IsTabStop="False"
                                          Grid.ColumnSpan="2"
                                          Content="{TemplateBinding PlaceholderText}"
                                          IsHitTestVisible="False"/>
                                <StackPanel Grid.Row="1" Grid.Column="1" Orientation="Horizontal" HorizontalAlignment="Right">
                                    <Button x:Name="DeleteButton"
                                        Style="{StaticResource DeleteButtonStyle}"
                                        BorderThickness="{TemplateBinding BorderThickness}"
                                        IsTabStop="False"
                                        Visibility="Collapsed"
                                        FontSize="{TemplateBinding FontSize}"
                                        VerticalAlignment="Stretch"/>
                                    <TextBlock
                                        Foreground="{ThemeResource TextBoxButtonForegroundThemeBrush}"
                                        VerticalAlignment="Center"
                                        HorizontalAlignment="Center"
                                        Margin="6,0,11,0"
                                        FontStyle="Normal"
                                        Text="&#xE721;"
                                        FontFamily="Segoe MDL2 Assets"
                                        AutomationProperties.AccessibilityView="Raw"/>
                                </StackPanel>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
            
            <Style x:Key="HeroCarouselControlListBoxIndicatorContainerStyle" TargetType="ListBoxItem">
                <Setter Property="Width" Value="7" />
                <Setter Property="Height" Value="7" />
                <Setter Property="Margin" Value="3,0" />
                <Setter Property="IsTabStop" Value="False" />
                <Setter Property="AutomationProperties.AccessibilityView" Value="Raw" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="ListBoxItem">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver" />
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="SelectionStates">
                                        <VisualState x:Name="Unselected" />
                                        <VisualState x:Name="Selected">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Fill">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HeroIndicatorDotActiveBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="SelectedUnfocused">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Fill">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HeroIndicatorDotActiveBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="SelectedPressed">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Fill">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HeroIndicatorDotActiveBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="SelectedPointerOver">
                                            <Storyboard>
                                                <ObjectAnimationUsingKeyFrames Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Fill">
                                                    <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource HeroIndicatorDotActiveBrush}" />
                                                </ObjectAnimationUsingKeyFrames>
                                            </Storyboard>
                                        </VisualState>
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Border BorderBrush="{ThemeResource HeroIndicatorDotBorderBrush}" BorderThickness="1" CornerRadius="3">
                                    <Ellipse
                                        x:Name="fillColor"
                                        Width="5"
                                        Height="5"
                                        Fill="{ThemeResource HeroIndicatorDotBrush}"
                                        IsHitTestVisible="False" />
                                </Border>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>


            <!-- ========================= -->
            <!-- =======  MVR ONLY ======= -->
            <!-- ========================= -->

            <!-- Begin: MVR only -->
            <Style x:Key="GenresButtonStyle" TargetType="Button">
                <Setter Property="Margin" Value="0" />
                <Setter Property="Padding" Value="0" />
                <Setter Property="Foreground" Value="{ThemeResource PrimaryForegroundBrush}" />
                <Setter Property="FontSize" Value="{StaticResource BodyFontSize}" />
                <Setter Property="FontWeight" Value="Normal" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Grid>
                                <VisualStateManager.VisualStateGroups>
                                    <VisualStateGroup x:Name="CommonStates">
                                        <VisualState x:Name="Normal" />
                                        <VisualState x:Name="PointerOver" />
                                        <VisualState x:Name="Pressed" />
                                        <VisualState x:Name="Disabled"/>
                                    </VisualStateGroup>
                                    <VisualStateGroup x:Name="FocusStates">
                                        <VisualState x:Name="Focused">
                                            <Storyboard>
                                                <DoubleAnimation
                                                    Duration="0"
                                                    Storyboard.TargetName="FocusVisual"
                                                    Storyboard.TargetProperty="Opacity"
                                                    To="1" />
                                            </Storyboard>
                                        </VisualState>
                                        <VisualState x:Name="Unfocused" />
                                        <VisualState x:Name="PointerFocused" />
                                    </VisualStateGroup>
                                </VisualStateManager.VisualStateGroups>
                                <Grid Background="{ThemeResource HighContrastBackgroundFillBrush}">
                                    <Rectangle x:Name="_activeRectangle" Fill="Black" Opacity="0"/>
                                    <ContentPresenter
                                        x:Name="ContentPresenter"
                                        Margin="{TemplateBinding Padding}"
                                        HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                        VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                        AutomationProperties.AccessibilityView="Raw"
                                        Content="{TemplateBinding Content}"
                                        ContentTemplate="{TemplateBinding ContentTemplate}"
                                        ContentTransitions="{TemplateBinding ContentTransitions}" />
                                    <Rectangle
                                        x:Name="FocusVisual"
                                        HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                                        IsHitTestVisible="False"
                                        Opacity="0"
                                        Stroke="{ThemeResource ForegroundActiveBrush}"
                                        StrokeDashArray="1,1"
                                        StrokeDashOffset="0.5"
                                        StrokeEndLineCap="Square" />
                                </Grid>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- End: MVR only -->


            <!--===================================================================================================================================================-->
            <!--===================================================================================================================================================-->
            <!--===================================================================================================================================================-->
            <!--===================================================================================================================================================-->

            <!--__________       __________       ___       ___      ________         ____                  _            __________       __________         ____   
                MMMMMMMMMM       `MMMMMMMMM       `MMb     dMM'      `MMMMMMMb.       `MM'                 dM.           MMMMMMMMMM       `MMMMMMMMM        6MMMMb\ 
                /   MM   \        MM      \        MMM.   ,PMM        MM    `Mb        MM                 ,MMb           /   MM   \        MM      \       6M'    ` 
                    MM            MM               M`Mb   d'MM        MM     MM        MM                 d'YM.              MM            MM              MM       
                    MM            MM    ,          M YM. ,P MM        MM     MM        MM                ,P `Mb              MM            MM    ,         YM.      
                    MM            MMMMMMM          M `Mb d' MM        MM    .M9        MM                d'  YM.             MM            MMMMMMM          YMMMMb  
                    MM            MM    `          M  YM.P  MM        MMMMMMM9'        MM               ,P   `Mb             MM            MM    `              `Mb 
                    MM            MM               M  `Mb'  MM        MM               MM               d'    YM.            MM            MM                    MM 
                    MM            MM               M   YP   MM        MM               MM              ,MMMMMMMMb            MM            MM                    MM 
                    MM            MM      /        M   `'   MM        MM               MM    /         d'      YM.           MM            MM      /       L    ,M9 
                   _MM_          _MMMMMMMMM       _M_      _MM_      _MM_             _MMMMMMM       _dM_     _dMM_         _MM_          _MMMMMMMMM       MYMMMM9 -->

            <!--===================================================================================================================================================-->
            <!--===================================================================================================================================================-->
            <!--===================================================================================================================================================-->
            <!--=== TEMPLATES =====================================================================================================================================-->

            <!--  Error controls (for use when we fail to find a controls)  -->
            <DataTemplate x:Key="errorLayout">
                <StackPanel Margin="10,30" Orientation="Vertical">
                    <TextBlock
                        x:Uid="CatastrophicError"
                        FontSize="48"
                        FontWeight="Bold"
                        Foreground="Gold" />
                    <TextBlock x:Uid="UnknownLayout" FontSize="24" Foreground="Gold" />
                </StackPanel>
            </DataTemplate>

            <!--  VerticalStackPage  -->
            <DataTemplate x:Key="verticalStackPageLayout">
                <controls:VerticalStackPage />
            </DataTemplate>

            <DataTemplate x:Key="searchAllVerticalStackPageLayout">
                <controls:SearchAllVerticalStackPage />
            </DataTemplate>

            <DataTemplate x:Key="featureProductLayout">
                <tiles:FeaturedAppTile />
            </DataTemplate>
            
            <!-- Picks for you L2 page-->
            <DataTemplate x:Key="PicksForYouLayout">
                <controls:PicksForYouPageLayout />
            </DataTemplate>
                    
          <!--  TileList  -->
            <DataTemplate x:Key="tileListLayout">
                <controls:TileListPanel  />
            </DataTemplate>

            <DataTemplate x:Key="searchAllTileListLayout">
                <controls:SearchAllTileListPanel />
            </DataTemplate>

            <DataTemplate x:Key="tileListItemTemplate">
                <tiles:ProductItemViewer LayoutType="Vertical" />
            </DataTemplate>

            <!-- For use in galleries (VerticalTileList) -->
            <DataTemplate x:Key="scalableTileListItemTemplate">
                <tiles:AppItemViewerScalable />
            </DataTemplate>

            <DataTemplate x:Key="tileList2X1ItemTemplate">
                <tiles:AppItemViewer2X1 />
            </DataTemplate>

            <DataTemplate x:Key="tileListPersonalizedItemTemplate">
                <tiles:ProductItemViewer Style="{StaticResource ProductItemViewerPersonalizedStyle}" LayoutType="Personalized" />
            </DataTemplate>

            <DataTemplate x:Key="tileListHorizontalItemTemplate">
                <tiles:ProductItemViewer Style="{StaticResource ProductItemViewerHorizontalStyle}" LayoutType="Horizontal" />
            </DataTemplate>

            <DataTemplate x:Key="searchAllSongListLayout">
                <controls:SearchAllSongListPanel />
            </DataTemplate>

            <DataTemplate x:Key="songListItemTemplate">
                <tiles:SongItemViewer />
            </DataTemplate>

          <!-- Vertical/Horizontal Panel (wraps MVR control) -->
            <DataTemplate x:Key="adaptiveTilePanelLayout">
                <controls:TileListPanel LocalItemTemplateOverride="{StaticResource tileListHorizontalItemTemplate}">
                    <controls:TileListPanel.LocalItemsPanelOverride>
                        <ItemsPanelTemplate>
                            <ItemsWrapGrid Orientation="Vertical" MaximumRowsOrColumns="3" CacheLength="1" />
                        </ItemsPanelTemplate>
                    </controls:TileListPanel.LocalItemsPanelOverride>
                </controls:TileListPanel>
            </DataTemplate>
            
            <!-- tri-panel controls (hosts 3 panels with dynamic controls) -->
            <DataTemplate x:Key="triPanelLayout">
                <controls:ThreeSlotAdaptivePanel />
            </DataTemplate>

            <!--  Hero Panel (Spotlight and QuickLinks)  -->
            <DataTemplate x:Key="heroPanelLayout">
                <controls:HeroPanel />
            </DataTemplate>

            <DataTemplate x:Key="spotlightHeroPanelLayout">
                <controls:SpotlightHeroPanel />
            </DataTemplate>

            <DataTemplate x:Key="quickLinksHeroPanelLayout">
                <controls:QuickLinksPanel />
            </DataTemplate>

            <DataTemplate x:Key="spotlightItemLarge">
                <tiles:SpotlightItemLarge />
            </DataTemplate>

            <DataTemplate x:Key="spotlightItemSmall">
                <tiles:SpotlightItemSmall />
            </DataTemplate>

            <DataTemplate x:Key="spotlightItemSmallLowTouch">
                <tiles:SpotlightItemSmallLowTouch />
            </DataTemplate>

            <DataTemplate x:Key="spotlightItemSmallCurated">
                <tiles:SpotlightItemSmallCurated />
            </DataTemplate>
            
            <!-- template selector for SpotlightGridView -->
            <controls:SpotlightTileTemplateSelector x:Key="SpotlightTileTemplateSelector" />


            <!--  VerticalTileList  -->

            <DataTemplate x:Key="verticalTileListLayout">
                <controls:VerticalTileList/>
            </DataTemplate>

            <!--  TopCharts  -->

            <DataTemplate x:Key="ChartPageLayout">
                <controls:FilteredPageLayout PageHandlerTypeName="WinStore.UX.Controls.ChartPageHandler" />
            </DataTemplate>
        
            <!--  NavigationChrome  -->
            <DataTemplate x:Key="NavigationChromeLayout">
                <controls:NavigationChrome />
            </DataTemplate>

            <!--  NavigationControl  -->
            <DataTemplate x:Key="NavigationControlLayout">
                <controls:NavigationControl />
            </DataTemplate>

            <DataTemplate x:Key="UnavailablePageLayout">
                <controls:UnavailablePageLayout />
            </DataTemplate>

            <DataTemplate x:Key="StoreUpdateRequiredLayout">
                <controls:StoreUpdateRequiredLayout />
            </DataTemplate>

            <!--  Collections Controls & Tiles  -->
            <DataTemplate x:Key="CollectionListPageLayout">
                <controls:CollectionListPageLayout />
            </DataTemplate>

            <DataTemplate x:Key="collectionHeroLayout">
                <controls:FeaturedCollectionPanel />
            </DataTemplate>

            <DataTemplate x:Key="collectionListLayout">
                <controls:CollectionListPanel />
            </DataTemplate>

            <DataTemplate x:Key="collectionTileItemTemplate">
                <tiles:ProductItemViewer Style="{StaticResource ProductItemViewerCollectionVerticalStyle}" LayoutType="Collection" />
            </DataTemplate>

            <DataTemplate x:Key="collectionTileCuratedTemplate">
                <tiles:CollectionTileCurated />
            </DataTemplate>

            <DataTemplate x:Key="collectionDetailPageLayout">
                <controls:CollectionDetailsLayout />
            </DataTemplate>

            <DataTemplate x:Key="oemMoPicksLayout">
                <controls:OemMOPicksLayout />
            </DataTemplate>

			<DataTemplate x:Key="oemMoTopTileTemplate">
				<tiles:ProductItemViewer Style="{StaticResource OemMoTopTileStyle}" LayoutType="OemMOTopHorizontal" />
            </DataTemplate>

			<DataTemplate x:Key="oemMoBottomTileTemplate">
                <tiles:ProductItemViewer Style="{StaticResource OemMoBottomTileStyle}" LayoutType="OemMOBottom" />
            </DataTemplate>

            <DataTemplate x:Key="collectionDetailTileTemplate">
                <tiles:ProductItemViewer />
            </DataTemplate>

            <DataTemplate x:Key="categoriesListLayout">
                <controls:CategoryListPanel />
            </DataTemplate>
            <!--  SearchAutoSuggestBox  -->
            <DataTemplate x:Key="SearchAutoSuggestBoxLayout">
                <controls:SearchAutoSuggestBox />
            </DataTemplate>

            <!--  SearchResultsPage  -->
            <DataTemplate x:Key="ResultsLayout">
                <controls:ResultsLayout />
            </DataTemplate>

            <!--  SearchPage  -->
            <DataTemplate x:Key="SearchPageLayout">
                <controls:FilteredPageLayout PageHandlerTypeName="WinStore.UX.Controls.SearchPageHandler" />
            </DataTemplate>

            <!--  FilterNavPane  -->
            <DataTemplate x:Key="FilterNavPaneLayout">
                <controls:FilterNavPane />
            </DataTemplate>

            <DataTemplate x:Key="pdpPageLayout">
                <pdp:PageLayout LayoutSelectorTypeName="WinStore.UX.Controls.PDP.AppsPdpLayoutSelector" />
            </DataTemplate>

            <DataTemplate x:Key="pdpProductIdentity">
                <pdp:ProductIdentity />
            </DataTemplate>

            <DataTemplate x:Key="pdpScreenshots">
                <pdp:Screenshots />
            </DataTemplate>

            <DataTemplate x:Key="pdpVersionNotes">
                <pdp:VersionNotes />
            </DataTemplate>

            <DataTemplate x:Key="pdpRateAndReview">
                <pdp:RateAndReviewPanel />
            </DataTemplate>

            <DataTemplate x:Key="pdpRatingsAndReviews">
                <pdp:RatingsAndReviewsPanel />
            </DataTemplate>

            <DataTemplate x:Key="pdpRatings">
                <rateAndReview:RatingsLayout />
            </DataTemplate>

            <DataTemplate x:Key="pdpReviews">
                <pdp:PdpReviews />
            </DataTemplate>

            <DataTemplate x:Key="pdpFeatures">
                <pdp:Features />
            </DataTemplate>

            <DataTemplate x:Key="pdpRelatedItems">
                <controls:AdaptiveTilePanel />
            </DataTemplate>

            <DataTemplate x:Key="pdpInformation">
                <pdp:Information />
            </DataTemplate>

            <DataTemplate x:Key="pdpLinks">
                <pdp:LegalLinks />
            </DataTemplate>

            <DataTemplate x:Key="pdpInappPurchases">
                <pdp:AddOnListControl />
            </DataTemplate>

            <Style x:Key="PDPTextBlockStyle" BasedOn="{StaticResource BaseTextBlockStyle}" TargetType="TextBlock">
                <Setter Property="OpticalMarginAlignment" Value="TrimSideBearings" />
            </Style>


            <Style x:Key="PDPSectionTitle" BasedOn="{StaticResource SubheaderTextBlockStyle}" TargetType="TextBlock">
                <Setter Property="OpticalMarginAlignment" Value="TrimSideBearings" />
            </Style>

            <DataTemplate x:Key="PurchasedItemTemplate">
                <controls:PurchasedListItemView />
            </DataTemplate>

            <!--  ReviewsPage  -->
            <DataTemplate x:Key="reviewsPageLayout">
                <controls:FilteredPageLayout PageHandlerTypeName="WinStore.UX.Controls.RateAndReview.ReviewsPageHandler" />
            </DataTemplate>

            <!--  Single Review  -->
            <DataTemplate x:Key="reviewItemTemplate">
                <rateAndReview:ReviewItemView />
            </DataTemplate>

            <!--  Reviews Grid Layout  -->
            <DataTemplate x:Key="reviewsLayout">
                <rateAndReview:ReviewsLayout />
            </DataTemplate>

            <!--  Ratings Layout  -->
            <DataTemplate x:Key="ratingsLayout">
                <rateAndReview:RatingsLayout />
            </DataTemplate>

            <!--  PDP page for OS SKU upgrade  -->
            <DataTemplate x:Key="osProductPageLayout">
                <pdp:PageLayout LayoutSelectorTypeName="WinStore.UX.Controls.PDP.OsPdpLayoutSelector" />
            </DataTemplate>

            <!--  PDP product/hero banner for os sku upgrade  -->
            <DataTemplate x:Key="pdpProductBanner">
                <pdp:ProductBanner />
            </DataTemplate>

            <DataTemplate x:Key="pdpMoreInfo">
                <pdp:HyperlinkedHeaderList />
            </DataTemplate>

            <DataTemplate x:Key="pdpChart">
                <pdp:InfoChart />
            </DataTemplate>

            <DataTemplate x:Key="infoChartItemTemplate">
                <pdp:InfoChartItem />
            </DataTemplate>

            <DataTemplate x:Key="infoChartCheckItemTemplate">
                <pdp:InfoChartCheckItem />
            </DataTemplate>

            <DataTemplate x:Key="pdpHeaderTextColumns">
                <pdp:HeaderTextColumns />
            </DataTemplate>

            <DataTemplate x:Key="pdpHeaderTextColumnItem">
                <pdp:HeaderTextColumnItem />
            </DataTemplate>

            <DataTemplate x:Key="pdpHyperlinkedHeaderItem">
                <pdp:HyperLinkedHeaderItem />
            </DataTemplate>
        </ResourceDictionary>
    </Application.Resources>

</Application>

