#ToggleMenu,
#DrawerMenu,
#cart-amount {
    display:none;
}


/* Toggle menu
-------------------------------------------------------------- */

#ToggleMenu {
    /*temp styles*/
    cursor: pointer;
    font-size: 15px;
    height: 10px;
    position: relative;
    text-indent: -9999px;
    vertical-align: middle;
    width: 30px;
	color: #fff;
}
#ToggleMenu:after {
    -ms-box-shadow: 0 8px 0 2px #fff, 0 16px 0 2px #fff, 0 24px 0 2px #fff;
    -moz-box-shadow: 0 8px 0 2px #fff, 0 16px 0 2px #fff, 0 24px 0 2px #fff;
    -webkit-box-shadow: 0 8px 0 2px #fff, 0 16px 0 2px #fff, 0 24px 0 2px #fff;
    box-shadow: 0 8px 0 2px #fff, 0 16px 0 2px #fff, 0 24px 0 2px #fff;
    content: ' ';
    display: block;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-indent: 0;
    top: 0%;
    width: 90%;
}

#Header,
#Container {
    -webkit-transition: -webkit-transform 100ms ease-out;
    -ms-transition:     -ms-transform 100ms ease-out;
    transition:         transform 100ms ease-out;
}

#Container.off-screen {
    -webkit-transform: translateX(80%);
    -ms-transform:     translateX(80%);
    transform:         translateX(80%);
    position: fixed;
    overflow-y: hidden;
}

#Header.off-screen {
}

/*----------------------------------------------------------------------------------------------------------
#############################################  DRAWER MENU
----------------------------------------------------------------------------------------------------------*/
#DrawerMenu {
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 1;
    width: 80%;
    background-color: #333;
    color: #fff;
}
    #DrawerMenu.on-screen {
        display: block;
        position: absolute;
        overflow-y: auto;
    }

#DrawerMenu  div {
    margin :0;
}

#DrawerMenu h3, #DrawerMenu h2 {
    background: #666;
    color: #fff;
    font-size: 0.8em;
    font-weight: normal;
    padding: 10px 15px;
    text-transform: uppercase;
	margin: 0px;
}

#DrawerMenu ul {
    list-style: none;
    margin: 0;
}
    #DrawerMenu li {
        float: none;
        border-bottom: 1px solid #555;
        list-style: none outside none;
		background: #333 !important;
    }
        #DrawerMenu a {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            display: block;
            color: #fff;
            font-size: 1.1em;
            font-weight: normal;
            padding: 10px 15px;
			text-decoration: none;
			width: 80% !important;
        }
            #DrawerMenu li > ul a {
                padding: 15px 15px 15px 1.6em;
            }

    /*# Drawermenu "sign in" options have fixed html, so to align
    the "or" text, do these terrible things. #*/
    #DrawerMenu li > div {
        padding: 0 15px;
    }
        #DrawerMenu li > div > a {
            margin: 0 -15px;
        }

/*# DRAWERMENU EXPANDER #*/
#DrawerMenu .subcat-expand {
    border-left: 1px solid #555;
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    width: 55px;
}
    #DrawerMenu .subcat-expand:after {
        color: #fff;
        content: '+';
        display: block;
        font-size: 16px;
        text-align: center;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
        #DrawerMenu .subcat-expand.subcat-expanded:after {
            content: '-'
        }

/*# DRAWERMENU SUB MENUS #*/
#DrawerMenu .drawer-subcat {
    background: #444;
    display: block !important;
    max-height: 0;
    overflow: hidden;
    left: auto;
    top: auto;
    position: relative;
    visibility: visible !important;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    width: 100%;
}
    #DrawerMenu .drawer-subcat.expanded {
        border-top: 1px solid #555;
        max-height: 1000px;
    }

/*# DRAWER MENU CURRENCY SELECTOR #*/

.js-drawermenu-currency-converter {
    color: #ccc;
    font-size: 12px;
    padding: 15px 0;
}
    .js-drawermenu-currency-converter span {
        color: #ccc !important;
    }

#SideAccountNavigation .CurrencyChooser {
    background: none;
    border: none;
    display: block;
    float: none;
    left: auto;
    margin-top: 15px !important;
    padding: 0;
    position: relative;
    padding-bottom: 30px;
    right: auto;
    top: auto;
}
    #SideAccountNavigation #change-currency,
    #SideAccountNavigation h2 {
        display: none
    }

    #SideAccountNavigation .selected-currency {
        background-color: #474747;
        border: 1px solid #5c5c5c;
    }

    #SideAccountNavigation .selected-currency .Text {
        padding: 0 0 0 5px;
    }

    #SideAccountNavigation .CurrencyList {
        display: none;
    }
        #SideAccountNavigation .CurrencyList.open {
            display: block;
        }

    #SideAccountNavigation .CurrencyList dd {
        border: none;
    }
        #SideAccountNavigation .CurrencyList a {
            background: #474747;
            border-bottom: 1px solid #383838;
            display: block;
            font-size: 11px;
            height: 35px;
            line-height: 35px;
            overflow: hidden;
            padding: 0 10px;
            text-overflow: ellipsis;
            white-space: nowrap;
            -moz-transition: all 60ms ease;
            -webkit-transition: all 60ms ease;
            -o-transition: all 60ms ease;
            transition: all 60ms ease;
        }
            #SideAccountNavigation .CurrencyList a:hover {
                background-color: none
            }

        #SideAccountNavigation .CurrencyList .Flag {
            display: inline-block;
            float: none;
            margin-top: 0;
            padding: 0;
            text-align: left;
            vertical-align: middle;
            zoom: 1;
        }
        #SideAccountNavigation .CurrencyList .Text {
            color: #ccc !important;
            display: inline-block;
            overflow: hidden;
            padding: 0 0 0 5px !important;
            vertical-align: middle;
            white-space: nowrap;
        }
#DrawerMenu .SideCategoryListFlyout {
	width: 100%;
	left: auto;
	margin-left: 0px;	
}
#DrawerMenu #SideCategoryList ul, #DrawerMenu #SideCategoryList .sf-menu ul {
	width: 100% !Important;
	float: none !Important;	
	box-sizing: border-box;
}
#DrawerMenu #SideCategoryList li, #DrawerMenu .sf-menu li {
	width: 100% !Important;
	float: none !Important;
	text-align: left !important;
	box-sizing: border-box;
	height: auto !important;
	padding: 0px;
}
#DrawerMenu #SideCategoryList li a, #DrawerMenu .sf-menu li a {
	text-align: left !important;
	box-sizing: border-box;
	height: auto !important;	
	padding-left:10px;
	padding-right:10px;
}
#DrawerMenu li ul {
	position: static !important;
}
#DrawerMenu li ul li {
	margin-left: 0px !important;
}
#DrawerMenu #Menu {
	float: none;
	width: 100%;	
	box-sizing: border-box;
}
#DrawerMenu #Menu ul {
	float: none;
	width: 100%;	
	box-sizing: border-box;
}
#DrawerMenu #Menu li a {
	float: none;
	width: 100%;
	text-align: left;	
	box-sizing: border-box;
	padding-left:10px;
	padding-right:10px;
}
.mobilePrice {
	display: none;
}
#ProductDescription {
    font-family: arial,helvetica,sans-serif;
}
#Logo a {
	display: block;	
}