body {
    transition: all ease 0s;
}
iframe {
    border-style: none;
}
.StandardTable td {
        padding-left: 0.5vw;
    }
.HeaderZone {
    background-color:white;
    position:fixed;
    top:0;
height: 9vh;
    left:0;
    width:100vw;
    z-index:999;
    border-bottom-style: solid;
border-bottom-width: 0.2vh;
box-shadow: 1px 1px 8px #c72830;
box-shadow: 0vw 0px 3vw #060000;
}
.Logo {
   background-image: url('../IMG/LandScape/PageElements/Logo.png');
background-repeat: no-repeat;
min-width: 19vw;
background-size: 13vw;
background-position-y: 0.5vh;
}
.Login_Inactive {
background-image: url('../IMG/LandScape/PageElements/AccountButton.png');
background-repeat: no-repeat;
min-width: 10vw;
 height: 11vh;
background-size: 10vw;
background-position-y: 0.6vh;
}
.Login_Active {
background-repeat: no-repeat;
min-width: 10vw;
height: 3vw;
background-size: 10vw;
background-position-y: 0.6vh;
font-size: 1.5vw;
white-space: nowrap;
vertical-align: middle;
}
.SearchHeaderActive {
background-image: url('../IMG/LandScape/PageElements/Search.png');
background-repeat: no-repeat;
background-size: 3vw;
min-width: 4vw;
height: 4vw;
background-position-x: 1vw;
}
.CartActive {
background-image: url('../IMG/LandScape/PageElements/Cart.png');
background-repeat: no-repeat;
background-size: 3vw;
min-width: 5vw;
height: 4vw;
background-position-x: 1vw;
}
/*Menu Items*/
.MenuCollapsed {
    transition: all 1s cubic-bezier(.87,-0.25,.09,1.43) 0s;
    background-position: 1vw 0.8vw;
    background-image: url('../IMG/LandScape/PageElements/Menu.png');
    background-repeat: no-repeat;
    min-width: 5vw;
    width: 5vw;
    background-size: 2vw;
    position: relative;
    top: 0;
    left: 0;
}
.MenuOpen {
transition: all 1s cubic-bezier(.87,-0.25,.09,1.43) 0s;
background-size: 20vw auto;
min-width: 25vw;
width: 25vw;
background-position-y: 2.4vw;
background-repeat: no-repeat;
position: relative;
top: 0.1vw;
left: -2vw;
transform-origin: right;
background-image: url('../IMG/LandScape/PageElements/Menu.png');
opacity: 0;
}
.MenuZoneCollapsed {
transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
background-color: green;
position: fixed;
width: 50vw;
height: 95vh;
z-index: 99;
transform-origin: 0% 0%;
left: 0;
top: 5vw;
border-radius: 0;
transform:translateX(-60vw);
}
.MenuZoneOpen {
transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
background-color: #e90000;
position: fixed;
width: 50vw;
height: 96vh;
z-index: 99;
transform-origin: 0% 0%;
left: 0;
top: 4vw;
border-radius: 0;
transform: translateX(0vw);
}
.MenuShaderHidden {
    transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;

        position: fixed;
        top: 5vw;
        background-color: #00801866;
        left: 105vw;
        width: 50vw;
        height: 95vw;
        transform-origin: 100% 100%;
        z-index: 999;
background-color: black;
opacity: 0;
border-radius: 24vw;

}
.MenuShaderShown {
transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
position: fixed;
top: 4vw;
background-color: #00801866;
left: 50vw;
width: 50vw;
height: 96vw;
transform-origin: 100% 100%;
z-index: 999;
background-color: black;
opacity: 0.5;
border-radius: 0;

}
.MenuShaderResumeHidden {
        transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
        position: fixed;
top: 25vw;
left: 105vw;
width: 50vw;
height: 95vw;
        transform-origin: 100% 100%;
        z-index: 999;
        opacity:0;
        color: white;
font-size: 4vw;
}
.MenuShaderResumeShown {
transition: opacity 2s cubic-bezier(.45,.05,.55,.95) 2s;
position: fixed;
top: 35vw;
left: 60vw;
width: 50vw;
height: 95vw;
transform-origin: 100% 100%;
z-index: 999;
opacity: 1;
color: white;
font-size: 4vw;
}
.MenuShownButton {
transition: all 1s cubic-bezier(.87,-0.25,.09,1.43) 0s;
    background-image: url('/RES/IMG/Icons/Close.png'); 
    background-repeat: no-repeat;
    z-index: 999;
    color: black;
    font-size: 4vw;
    position: fixed;
    text-align: right;
    width: 16vw;
    top: 0;
    left: 0;
    background-size: 3vw;
    background-position: 2vw 1vw;
}
.MenuShownButtonHidden {
transition: all 1s cubic-bezier(.87,-0.25,.09,1.43) 0s;

    background-image: url('/RES/IMG/Icons/Close.png'); 
    background-repeat: no-repeat;
    z-index: 999;
    color: black;
    font-size: 4vw;
    position: fixed;
    text-align: right;
    width: 16vw;
    top: -10vw;
    left: 0;
    background-size: 3vw;
    background-position: 2vw 1vw;
}

.MenuNavZone {
transition: all 1s cubic-bezier(.68,-0.55,.27,1.13) 0.5s;
position: fixed;
z-index: 200;
top: 8vh;
height: 62vh;
left: -1vw;
width: 51vw;
}
.MenuNavZoneHidden {
transition: all 1s ease-in-out 0s;
position: fixed;
z-index: 200;
top: 8vh;
height: 62vh;
left: -60vw;
width: 51vw;
}

.MenuDisplayZone {
    width: 33.8vw;
height: 62vh;
overflow-y:auto;
}

.MenuMainBackButton {
    background-image: url('/RES/IMG/LandScape/PageElements/Back.png');
width: 9vw;
height: 5vw;
background-repeat: no-repeat;
background-size: 9vw;
margin-top: 1vh;
margin-right: 1vw;
float: right;
cursor: pointer;
}

.MENi {
width: 6vh;
height: 6vh;
margin-top: 0vh;
margin-left: 2vw;
margin-right: 2vw;
}

.MENd {
    color: white;
font-weight: 800;
font-size: 2vw;
position: relative;
top: -1.5vh;
}

.MenuNavButtonShown {
width: 96%;
height: 7.8vh;
padding: 0.5vw;
float: left;
transition: all 1s cubic-bezier(.86,0,.07,1) 0s;
transform-origin: left;
border-bottom-style: solid;
border-color: #404040;
cursor: pointer;
background-color: #454545;
box-shadow: 0px 0px 3vw #454545;
}
    .MenuNavButtonShown:hover {
        background-color:#ffca05;
    }
.MenuNavButtonHidden {
width: 96%;
height: 7vh;
padding: 0.5vw;
float: left;
transition: all 1s cubic-bezier(.86,0,.07,1) 0s;
transform-origin: left;
margin: 0.2vw;
border-bottom-style: solid;
border-color: #404040;
cursor:pointer;
transform: translateX(-50vw);
}
.MenuNavTitle {
position: absolute;
top: 4vw;
width: 10vw;
text-align: center;
color: white;
font-size: 2vw;
}
.MenuNavDesc {
top: 6.2vw;
float: left;
color: aquamarine;
font-size: 1vw;
left: 0vw;
position: absolute;
width: 11vw;
text-align: center;
}

.MenuNavDep {
    display:none;
}
.MenuNavAct {
    display:none;
}
.MenuNavDest {
    display:none;
}
.MenuIMG {
position: relative;
width: 10vw;
opacity: 0.3;
height: 10vw;

}

.TopMenuSpaceExpanded {
    width: 47vw;
height: 6vh;
transition: all 1s cubic-bezier(.87,-0.25,.09,1.43) 0s;
transform-origin: 100% 100%;
overflow: hidden;
transform: scaleX(1);
}
.TopMenuSpaceCollapsed {
    width: 0vw;
height: 6vh;
transition: all 1s cubic-bezier(.87,-0.25,.09,1.43) 0s;
transform-origin: 100% 100%;
overflow: hidden;
transform: scaleX(0);
}

.TopMenuButton {
float: left;
}
.TopMenuDesc {
font-family: open-sans, sans-serif;
position: relative;
top: -0.8vh;
font-size: 1.1vw;
}
.TopMenuItem {
width: 1.5vw;
height: 1.5vw;
}
.TopMenuAct {
    display:none;
}
.TopMenuDest {
    display:none;
}
.TopMenuSpacer {
width: 0.2vw;
float: left;
margin-left: 1vw;
margin-right: 1vw;
height: 0.5vh;
margin-top: 0.5vh;
color: #00f6;
}

.MenuBackShown {
        transition: all 0.5s cubic-bezier(.45,.05,.55,.95) 0s;
        transform-origin: 0% 0%;
        transform: scaleX(1);
    font-size: 2vw;
color: white;
border-style: solid;
border-color: white;
width: 47vw;
left: -2vw;
position: absolute;
padding: 0.2vw;
padding-left: 0.2vw;
padding-left: 3vw;
margin-bottom: 1vw;
top: -3.5vw;
}
.MenuBackHidden {
        transition: all 0.5s cubic-bezier(.45,.05,.55,.95) 0s;
        transform-origin: 0% 0%;
        transform: scaleX(0);
    font-size: 2vw;
color: white;
border-style: solid;
border-color: white;
width: 47vw;
left: -2vw;
position: absolute;
padding: 0.2vw;
padding-left: 0.2vw;
padding-left: 3vw;
margin-bottom: 1vw;
top: -3.5vw;
}

.MainBacking {
    background-color: white;
background-image: url('/RES/IMG/LandScape/BackGrounds/LandingPageD.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
}

.ContentPlacement {
    transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
        transform-origin: 100% 0%;
    position: fixed;
top: 9vh;
left: 0;
width: 100vw;
height: 96vh;
}
.ContentPlacementMinimized {
    transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
        position: fixed;
        top: 12vh;
        left: 0;
        width: 100vw;
        height: 88vh !Important;
transform: scaleX(0.5) scaleY(0.6);
        transform-origin: 100% 0%;
}
.ContentPlacementMinimizedForCart {
    transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
        position: fixed;
        top: 12vh;
        left: 0;
        width: 100vw;
        height: 88vh !Important;
transform: scaleX(0.5) scaleY(0.6);
        transform-origin: 0% 0% !Important;
}

.CoreMenuOptionZone {
position: absolute;
top: 62vh;
z-index: 100;
width: 50vw;
left: 1vw;
height: 30vh;
}

.CoreMenuOpt {
    border-style: solid;
height: 26vh;
border-radius: 5px;
text-align: center;
padding-top: 5vw;
font-size: 2vw;
background-color: cadetblue;
border-color: transparent;
box-shadow: 0px -1px 1vw #0b414d;
}

/*Hidden Frames*/
.FrameShown {
transition: all cubic-bezier(.79,.14,.15,.86) 1s;
position: fixed;
top: 8vh;
width: 100vw;
height: 92vh;
left: 0;
z-index: 98;
}
.FrameHidden{
transition: all cubic-bezier(.79,.14,.15,.86) 1s;
    position: fixed;
top: 200vh;
width: 100vw;
height: 90vh;
left: 0;
z-index: 105;
}
.TopFrameShown {
transition: all cubic-bezier(.79,.14,.15,.86) 1s;
position: fixed;
            top: 12vh;
            height: 88vh;
width: 100vw;
left: 0;
z-index: 105;
}
.TopFrameHidden{
transition: all cubic-bezier(.79,.14,.15,.86) 1s;
    position: fixed;
top: -200vh;
width: 100vw;
height: 90vh;
left: 0;
z-index: 105;
}
/*Text*/
.BigWhiteText {
    color: white;
font-weight: 800;
font-size: 6.5vw;
cursor:pointer;
}
.SearchTextBlock {
    font-size: 4vw;
padding-left: 2vw;
padding-right: 4vw;
border-radius: 45px;
width: 40vw;
height: 5vw;
}
.SearchBlockInnerText {
color: grey;
font-size: 2vw;
padding-left: 2vw;
padding-right: 4vw;
border-radius: 45px;
width: 40vw;
height: 5vw;
text-align: center;
}
.ExampleText {
color: whitesmoke;
font-size: 1.5vw;
padding-top: 1vh;
cursor:pointer;
}
.MenuBottomButtonMainText {
color: black;
font-size: 1.2vw;
font-weight: 800;
width: 100%;
position: absolute;
left: 0;
background-color: transparent !important;
padding-top: 20%;
}
.MenuBottomButtonSubText {
color: black;
font-size: 0.9vw;
position: absolute;
left: 0;
width: 94%;
margin-top: 2.4vw;
top: 0;
line-height: 1.5vw;
padding-top: 16%;
padding-bottom: 0.5vh;
word-break: break-word;
}
/*Buttons*/
.SearchButtonOnScreen {
    position: absolute;
background-image: url('../IMG/LandScape/PageElements/Search.png');
background-repeat: no-repeat;
background-size: 5vw;
min-width: 5vw;
height: 5vw;
background-color: transparent;
border-color: transparent;
margin-left: -6vw;
color: transparent;
cursor:pointer;
}
.BrowseButton {
background-image: url('../IMG/LandScape/PageElements/Browse.png');
background-repeat: no-repeat;
background-size: 13vw;
min-width: 13vw;
height: 4vw;
background-color: transparent;
border-color: transparent;
color: transparent;
cursor: pointer;
}
.MenuBottomNav {
    background-repeat: no-repeat;
background-size: 100% 100%;
width: 30%;
padding-left: 1vw !important;
padding-top: 5vh !important;
cursor:pointer;
transform: translateY(0vh);
transition: all 1s cubic-bezier(.79,.14,.15,.86) 1s;
transform-origin: 50% 100%;
}
.MenuBottomNavHidden {
        background-repeat: no-repeat;
background-size: 100% 100%;
width: 30%;
padding-left: 1vw !important;
padding-top: 5vh !important;
cursor:pointer;
transform: translateY(50vh);
transition: all 1s cubic-bezier(.79,.14,.15,.86) 1s;
transform-origin: 50% 100%;
}
/*ContentContent*/
.MainContentHidden {
    transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
    transform:translateX(-150vw);
}
.PreviewZoneShown {
transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
position: absolute;
top: 0vw;
left: 0;
width: 100vw;
height: 96vh;
transform-origin: 100% 100%;
z-index: 94;
opacity: 1;
border-radius: 0;
}
.PreviewZoneHidden {
        transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
    position: absolute;
    top: 0vw;
    background-color: #00801866;
    left: 150vw;
    width: 100vw;
    height: 96vh;
    transform-origin: 100% 100%;
    z-index: 94;
    background-color: black;
    opacity: 0.5;
    border-radius: 0;
}

.CartZoneShown {
transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
position: fixed;
top: 12vh;
background-color: white;
left: 50vw;
width: 50vw;
height: 88vh;
transform-origin: 100% 100%;
z-index: 194;
opacity: 1;
border-radius: 0;
}
.CartZoneHidden {
        transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
    position: fixed;
    top: 4vw;
    background-color: #00801866;
    left: 150vw;
    width: 50vw;
    height: 96vh;
    transform-origin: 100% 100%;
    z-index: 94;
    background-color: black;
    opacity: 0.5;
    border-radius: 0;
}
.CartShaderShown {
transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
position: fixed;
top: 4vw;
background-color: #00801866;
left: 0vw;
width: 50vw;
height: 96vw;
transform-origin: 100% 100%;
z-index: 999;
background-color: black;
opacity: 0.5;
border-radius: 0;

}
.CartShaderHidden {
        transition: all 1s cubic-bezier(.45,.05,.55,.95) 0s;
        position: fixed;
top: 4vw;
left: 105vw;
width: 50vw;
height: 96vw;
        transform-origin: 100% 100%;
        z-index: 999;
        opacity:0;
        color: white;
font-size: 4vw;
}

.CartH1 {
    font-size: 1vw;
color: black;
}
.CartH2 {
    font-size: 0.8vw;
color: #000c;
display: inline-grid;
}
.CartH3 {
    font-size: 1vw;
color: black;
}
.CartPrice {
    font-size: 2.2vw;
color: black;
white-space: nowrap;
}
.CartIMG {
    height: 7vw;
width: 5.2vw;
}


.FailedToAddToCart {
    background-color: #c72830;
float: left;
position: absolute;
top: 9vh;
width: 23vw;
margin-left: -12vw;
padding: 8px;
vertical-align: middle;
        transition: all 0.5s cubic-bezier(.45,.05,.55,.95) ;

transform-origin: right;
}
.FailedToAddHidden {
    transform: translateX(-10vw) translateY(-8vh) scaleX(0.00009);
}

.CartCounter {
    background-color: #5b57a6;
border-radius: 20px;
width: 16px;
text-align: center;
position: relative;
top: -3vh;
left: +2.5vw;
color: white;
font-size: 1vw;
padding: 0.2vw;
transition: all 1s cubic-bezier(.08,.82,.17,1);
}
.CartCounterZoomed {
    transform: scale(2) translateX(-0.6vw) translateY(1vh);
}
.CartCounterZeroed {
    transform: scale(0);
}

        .CoreCategoryScreen {
            transition:all ease 1s;
        }
        .CoreCategoryScreenCollapsed {
            height:12vh !Important;
        }
        .CoreCatImage {
              transition:all ease 1s;
        }
        .CoreCatImageSmall {
              transition:all ease 1s;
              width: 4vw !Important;
              margin-left: -2vw !Important;
        }
                .SubCatText {
            font-family: open-sans, sans-serif;
font-size: 1vw;
text-align: center;
color: white;
padding: 0.5vw;
        }
        .SubCatOptBox {
            margin-top: 7vw;
width: 12vw;
height: 12vw;
cursor:pointer;
background-repeat: no-repeat;
background-size: 100%;
background-position: center center;
        }
        .SubCatListBox {
            transition:all ease 1s;
            overflow-y: hidden;
        }
        .SubCatListBoxShown {
            
        }
        .SubCatListBoxHidden {
            height:0vh;
        }
        .SubCatListBoxL {
            transform:translateX(-100vw);
        }
        .SubCatListBoxR {
            transform:translateX(100vw);
        }
                .HomePageHidden {
            opacity:0 !Important;
        }
                        .SubCatOpt {
            font-family: open-sans, sans-serif;
            font-size: 1vw;
            text-align: center;
            color: white;
            padding: 0.5vw;
            padding-left: 0.5vw;
            white-space: nowrap;
            width: 15vw;
            cursor: pointer;
        }

        .SubCalList {
            transition: all ease 1s;
            overflow-x: hidden;
            float: left;
            position: absolute;
            transform-origin: left;
        }

        .SubCatListHidden {
            transform: scaleX(0);
        }
                .SliderHeight {
            height: 30vh;
        }
                        .ProductListed {
            width: 38vw;
            float: left;
            padding-right: 1vw;
            height: 13vw;
            margin-left: 1vh;
        }
.AccountH {
    color: white;
font-size: 1.2vw;
font-weight: 800;
width: 100%;
left: 0;
line-height: 2.4vw;
text-align: center;
}
.AccountS {
color: black;

font-size: 1.2vw;

left: 0;

width: 100%;

margin-top: 2.4vw;

top: 0;

line-height: 1.5vw;

padding-top: 0.5vh;

padding-bottom: 0.5vh;

text-align: center;

}