/* fixes for existing vanilla css and general css that is hard to categorize */

textarea:focus, input:focus{
    outline: none;
}

html {
	overflow-y:scroll;
}

body {
	background-color: #676767;
	margin: 0;
	padding: 0;
}

.header_container, .content_container {
	background-color:white;
}

.text.centered {
    text-align: center;
}

.contentText { color: #444; }
.contentText a { text-decoration: underline; }


#bodyWrapper {
	clear:both;
	min-height: 600px;
}

#columnRight {
	margin-top: 15px;
	float: right;
}

#overview_dropdown {
	width:928px;
	background-color:#edff63;
	padding:5px 15px 5px 15px;
	display:inline;
	float:left;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	position:relative;
	height:22px;
	overflow:hidden;
}

#overview_dropdown #expanded-view {
	margin:7px -15px 0 -15px;
	padding:8px 15px 0 15px;
	border-top:1px solid #cfe053;
}

#overview_dropdown .plus-container {
	position:absolute;
	top:8px;
	right:2px;
}

.footer {
	clear:both;

}

@media print, screen and (max-width: 63.99875em) {
	.footer_info_links {
		margin-top:20px;
		margin-bottom: 10px;
	}
}

.footer_info_links ul {
	max-width: 100%;
}

.footer_info_links li {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	list-style-position:inside;
}

.hidden, .language-constant {
	display: none !important;
}

.language_link {
    height: 10px;
    width: 16px;
    display: inline-block;
    margin: 0 4px 0 1px;
    background-image: url(/design/sprites/flags.png);
	border: 1px solid #777777;
}

.contentContainer {
	float:left;
	width: 680px;
}

.contentContainer.wide {
	width: 920px;
}

.contentContainer.narrow {
	width: 450px;
}

* a {
	color: inherit;
	text-decoration: none;
}

* div,span,a {
	font-family: "Verdana", "Segoe UI";
}

img {
	border: 0;
}

th {
	text-align: left;
}

.top0 {
	margin-top: 0px;
}

.top10 {
	margin-top: 10px;
}

.top20 {
	margin-top: 20px;
}

.top30 {
	margin-top: 30px;
}

.bottom0 {
	margin-bottom: 0px;
}

.bottom10 {
	margin-bottom: 10px;
}

.bottom20 {
	margin-bottom: 20px;
}

.bottom30 {
	margin-bottom: 30px;
}


/* typeahead */

#typeahead {
    position: absolute;
    background-color: white;
    border: 1px solid #CCC;
    border-radius: 5px;
	z-index: 10; /* Match z-index of slidesjs plugin */
}

    #typeahead .result {
        font-size: 14px;
        padding: 10px 10px 10px 10px;
        border-bottom: 1px solid #EEE;
		width:100%;
    }

#typeahead .content {
	overflow:hidden;
	padding-left:10px;
}

		#typeahead .result.manufacturer {
			background-color: #FDFDFD;
		}

			#typeahead .result.manufacturer .image {
				display: none;
			}

		#typeahead .result.manufacturer p, #typeahead .result.manufacturer p b {
			font-weight: bold !important;
		}

		#typeahead .result.manufacturer + .result.product {
			border-top: 1px solid #CCC;
		}

        #typeahead .result.selected {
            background-color: #F5F5F5;
            cursor: pointer;
        }

        #typeahead .image {
            width: 22px;
            height: 22px;
			text-align: center;
			float:left;
        }

            #typeahead .image img {
                max-width: 22px;
                max-height: 22px;
            }

        #typeahead .result p {
            margin-top: 0px;
            padding-top: 0px;
            margin-bottom: 0px;
            padding-bottom: 0px;
            color: #333;
			white-space: nowrap;
			overflow:hidden;
			text-overflow:ellipsis;
        }

            #typeahead .result p b {
                font-weight: normal;
                color: #990000;
            }

        #typeahead .result .relevance {
            font-size: 12px;
            color: #CCC;
        }

		#typeahead .result .subtitle {
			font-size: 10px;
			color: #aaa;
		}

			#typeahead .result .subtitle b {
				font-weight: normal !important;
			}


.create_account_input {
	border:0px;
	background: url(/design/backgrounds/text_box.png);
	background-repeat: no-repeat;
	width:340px;
	height:30px;
	padding:0px 10px 0px 10px;
}

#create_account_info>h2 {
	margin-top: 0px;
	line-height: 20px;
}
#create_account_info>ul {
	padding-left: 0px;
	list-style: none;
	margin:0;
	padding:0px;
}
#create_account_info>ul>li {
	padding-left: 1em;
	text-indent: -.7em;
	margin-bottom: 15px;
}
#create_account_info>ul>li:before {
	content: "• ";
	color: #970414; /* or whatever color you prefer */
}

#header #searchBar button:hover {
	background: #F0F0F0;
}

#header > div > div > div:nth-child(3) {
	width:100%;
	padding-left:25px;
	padding-right:25px;
	display:table-cell;
	vertical-align:middle;
}

@media screen and (max-width: 63.99875em) {
	#header > div > div > div:nth-child(2) {
		width:100%;
	}
	#header > div > div {
		position:relative;
	}
	#header > div > div.mobile_margin {
		margin-bottom:40px;
	}
	#header > div > div > div:nth-child(3) {
		display:block;
		position:absolute;
		top:47px;
		left:0;
		padding:0;
	}
}

#header #shoppingCart #cart_count {
	border-radius: 50%;
	width: 20px;
	padding:4px 0;
	height: 20px;
	background: #fff;
	border: 1px solid #666;
	color: #666;
	text-align: center;
	font-size: 10px;
	position:absolute;
	top:-6px;
	right:-6px;
}

#header #storeLogo {
	width:208px;
	text-align:center;
}

@media screen and (max-width: 63.99875em) {
	#header #storeLogo {
		width:auto;
		padding:0 20px;
	}
}

/* checkout sub-header */
#statusBar a {
	text-decoration: none;
}
	
/* footer */
	
#footer {
	background-color: #676767;
	color: white;
	font-size:14px;
	padding:20px 0 40px 0;
	max-width: 1250px;
}

#footer ul {
	list-style: none;
	text-indent: 0px;
	float: left;
	margin: -2px 0 0 0;
	padding: 0;
}

.scroll_to_top_wrapper {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	z-index: 1000;
	cursor:pointer;
	width:50px;
	height:50px;
	text-align: center;
	line-height: 0 !important;
	background: white;
	border:1px solid black;
	opacity: 0.5;
	font-size:30px;
	padding-top:9px;
}

/* menu */

.menu-container {
	background-color:#990000;
	border-top:2px solid black;
	box-shadow: 0px 2px 8px #888888;
	position: relative;
}

#menu, #right_menu {
	float:left;
	margin:0;
}

#right_menu {
	float:right;
}

#menu > li, #right_menu > li {
	color:white;
	display:inline-block;
	font-size:12px;
	float:left;
	position:relative;
}

#menu > li > a, #right_menu > li > a {
	color:white;
	display:block;
	padding:10px 15px 10px 15px;
}

#menu li a:hover, #right_menu li a:hover {
	background-color: #454545;
}

#menu li.menu_active a, #right_menu li.menu_active a {
	background-color: #323232;
}



/*#menu > li:not(:last-child):after, #right_menu > li:not(:last-child):after {
	content:"";
	background: #FFFFFF;
	position: absolute;
	bottom: 25%;
	top: 25%;
	right: 0;
	height: 50%;
	width: 1px;
}*/

.notice-sign {
	background-color:black;
	color:white;
	padding:0 10px;
	display:inline-block;
	font-weight:bold;
	font-style:italic;
	font-size:24px;
	box-shadow: 0 0 2px black;
}

@media screen and (max-width: 63.99875em) {
	.notice-sign {
		font-size:18px;
	}
}



.we-offer-list {
	margin-bottom:20px;
	font-weight: bold;
	font-size:15px;
}

.we-offer-list > div > div {
	vertical-align: top;
}

@media print, screen and (min-width: 40em) {
	.notice-sign {
		position:absolute;
		top:-23px;
		left:-10px;
	}
	.we-offer-list {
		margin-top:45px;
	}
}

#brandlinks li {
	border-left:2px solid black;
	border-top:2px solid black;
	border-bottom:2px solid black;
	display:inline-block;
	background-color:#8e8e8e;
	color:white;
	cursor:pointer;
	padding: 5px 20px;
	margin-bottom: -2px;
}

#brandlinks li.selected_category {
	color:black;
	background-color:white;
	border-bottom:2px solid white;
}

#brandlinks li:last-child {
	border-right:2px solid black;
}

/* info boxes */

.box {
	margin-right: 20px;

	background-color: #FFF;	
}
	
	.box > .title {

		background-image: url(/design/box/side_menu_box.jpg);
		background-repeat: repeat-x;

		font-size: 13px;
		color: white;

		padding-top: 1px;
		padding-left: 15px;

		height: 20px;

	}
	
		.box > .title > .closeButton {
			background-image: url(/design/box/x_shadow.png);
			background-repeat: no-repeat;
			width: 31px;
			height: 30px;
			cursor: pointer;
			position: relative;
			float: right;
			margin-right: -15px;
			margin-top: -10px;
            vertical-align: top;
		}

	.box.redHeaded > .title {
		background-image: url(/design/box/mindre_header.png);
		background-repeat: repeat-x;
		height: 24px;
	}	

	.box.colorless > .title {
		background: none;		
		padding: 15px 15px 5px 15px;
		color: black;
        font-size: 26px;
	}

        .box.colorless > .title > .closeButton {
            margin-right: 0px;
            margin-top: 0px;
        }
	
	.box > .content {
		padding: 10px 15px 10px 15px;	
		/*border: 1px solid #EDEDED;*/
		border-top: none;
	}
		
		.box > .content > input {
			width: 90px;
		}

        .box > .content > *:not(.ruler) {
			clear:both;
			font-size: 12px;
		}
		
			.box > .content > *:not(input) {
				margin-top: 10px;
			}	
		
			.box > .content > *:not(input):first-child {
				/*margin-top: 3px;*/
			}	

#largezoomer .title {
	background-image: none;
	background-color:white;
	color:black;
	font-weight: bold;

	padding-left:20px;
	padding-top:8px;
}

#largezoomer .title .closeButton {
	background-image: url(/design/box/x_red.jpg);
	margin-right: 2px;
	margin-top: -6px;
}
/* titles */

div.header,td.header {
	/*background-color: #FAFAFA;
	padding: 5px 0px 5px 5px;*/
	text-align: left;
}

	div.header > p {
		font-size: 13px;
	}

h1,h2,h3	{ font-family: Verdana, 'PT Sans'; color: black; padding: 0; font-weight: bold; font-style: italic; }
h1 			{ font-size: 27px; }
h2 			{ font-size: 20px; }
h3 			{ font-size: 18px; color: #666; }


/* manufacturers box */

select.manufacturers {
    padding: 5px 3px 5px 3px;
    margin-bottom: 10px;
    margin-top: 3px;
    float:right;
}

select.manufacturers.main {
    width: 100%;
    float:left;
    margin-top: -10px;
}
		
/* number picking */
		
.numberSelect {
	width: 30px;
	border-radius: 3px;
	padding: 4px 5px 4px 5px;
	border: 1px solid #CCC;
	display: inline-block;
	text-align: center;
}

.minus {
    background-image: url(/design/buttons/minus.png);
}

.plus {
    background-image: url(/design/buttons/plus.png);
}

.minus,.plus {
	display: inline-block;
	width: 8px;
    height: 8px;
	vertical-align: top;
	margin-left:4px;
	margin-top:4px;
}

.minus-container,.plus-container {
	background-color: grey;
	width:16px;
	height:16px;
	border-radius: 2px;
	vertical-align: middle;
	display: inline-block;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:4px;
	cursor: pointer;

	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */

	/* Not implemented yet */
	-o-user-select: none;
	user-select: none;
}

/* rulers */

hr {
    height: 1px;
    border: 0;
    background-color: #EAEAEA;
    margin-top: 10px;
    clear:both;
}

    hr.blank {
        visibility: hidden;
        height: 15px;
        background-color: transparent;
    }

.ruler {
    background-color: #EAEAEA;
    clear:none;
}

.ruler.vertical {
    width: 1px;
    height: 175px;
    float:left;
}


/* buttons */

.list_show_more {
	cursor: pointer;
}

/*.button.gray,.button[disabled] {
	background-image: url(/design/buttons/graa_knap.png) !important;
	height: 33px;
	line-height: 33px;
	font-size: 13px;	
	border: 1px solid #888 !important;
	display: inline-block;
	color: #EEE !important;
    text-decoration: none;
}*/

.button.blue {
	background-image: url(/design/buttons/blaa_knap.png);
	height: 33px;
	line-height: 33px;
	font-size: 13px;
	border: 1px solid #0280B1;
	display: inline-block;
	color: #F3FCFF;
    text-decoration: none;
}

.button.centrano {
	background-color:#990000;
}

.button.centrano:hover {
	background-color: #780000;
}

.button.orange {
	background: linear-gradient(180deg, rgba(43,166,203,1) 0%, rgba(34,124,151,1) 100%);
	border:1px solid rgb(34,124,151);
}

.button.orange:hover {
	background: linear-gradient(180deg, rgba(47,181,221,1) 0%, rgba(42,150,183,1) 100%);
}

.button.dropshadow {
	box-shadow: 0 0 2px black;
}

/* comment field */
.comments {
	background-color: #FFFFCC;
	border: 1px solid #dda;
	border-radius: 2px;
	margin-top: 10px;
}


/* floating */

.float.right {
	float:right;
}

.float.left {
	float:left;
}

.float.half {
	width: 50%;
}


/* general alignment and indentation */

.indent.left {
    margin-left: -20px;
}

.align_top {
	vertical-align: top;
}

/* mini cart */

#minicart {
	width: 300px;
	position: absolute;

	display: none;

	padding: 20px 20px 20px 20px;

	background-color: #FFFFF0;
	color: #777;
	font-size: 13px;
	line-height: 150%;

	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;

    z-index: 999;
}

	#minicart #contents td {
		border-bottom: 1px solid #ECECEC;
		padding-bottom: 5px;
	}

	#minicart a {
		float:right;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 0px;
	}

	#minicart table {
		width: 100%;
	}

		#minicart table td {
			padding-top: 3px;
			vertical-align: middle;
		}	
	
	#minicart table tr > td:last-child {
		text-align: right;
		color:black;
	}

	#minicart > hr {
		height: 1px;
		background-color: #ccc;	
		border: 0;
		margin-top: 10px;
		margin-bottom: 10px;
		clear:both;
	}

	#minicart #total td {
		color:black;
		padding-top: 15px;
		padding-bottom: 5px;
	}

	#minicart #total td:last-child {
		font-weight: bold;
	}	


/* other fancy stuff */

.clear {
	clear:both;
}


/* loading box */

#loading {
	margin-left: auto;
	margin-right: auto;
	display:table;
	width: 100%;
	top: 230px;
	position: absolute;
	display: none;
}

	#loading img {
		margin-left: auto;
		margin-right: auto;
		display:table;
	}


/* for merged index.php and browse.php */
#manufacturer_details > div:first-child {
	text-align:center;
}

@media print, screen and (min-width: 40em) {
	#manufacturer_details > div:first-child {
		text-align:left;
	}
	#manufacturer_details img {
		max-width:150px;
	}
}

#manufacturers_description p {
	margin: 0px 0px 10px 0px;
}

#manufacturers {
    margin-bottom: 20px;
}

    #manufacturers > span {
        font-size: 16px;
        font-weight: normal;
        font-family: "Verdana", "Segoe UI";
        padding-bottom: 10px;
        margin-bottom: -5px;
        margin-left: 5px;
    }

    #manufacturers .content > ul {
        list-style: none;
        margin-left: -40px;
        color: black;
    }

        #manufacturers .content > ul > li {
            margin-top: 10px;
            margin-bottom: 10px;
        }

.pagination {
	border:1px solid #C7C7C7;
	color:#c7c7c7;
	height:25px;
	width:25px;
	font-size: 11px;
	text-align: center;
	padding:1px;
	padding-top:4px;
	margin:2px;
	display:inline-block;
	cursor:pointer;
}
.pagination:hover {
	border: 1px solid #7D7D7D;
	color:#7D7D7D;
}
.pagination_selected {
	border:1px solid black;
	color:black;
}

/* message box */
.messageStackSuccess, .messageStackWarning, .messageStackInfo, .messageStackError {padding:3px 10px 3px 5px;height:30px;line-height:19px;width:100% !important;color:#000000;}
.messageStackErrorImage, .messageStackSuccessImage, .messageStackWarningImage, .messageStackInfoImage {background-repeat:no-repeat;height:30px;background-position: center center;width:30px !important;}
.messageStackSuccess {background-color: #dff2bf;border:1px solid #4f8a10;}
.messageStackSuccessImage {background-image: url(/design/icons/ms_success.png);}
.messageStackWarning {background-color: #feefb3;border:1px solid #9F6000;}
.messageStackWarningImage {background-image: url(/design/icons/ms_warning.png);}
.messageStackInfo {background-color: #bde5f8;border:1px solid #00529B;}
.messageStackInfoImage {background-image: url(/design/icons/ms_info.png);}
.messageStackError {background-color: #ffbaba;border:1px solid #D8000C;}
.messageStackErrorImage {background-image: url(/design/icons/ms_error.png);}

.tristate-clear, .tristate-hover, .tristate-checked, .tristate-indetermined {background-image: url(design/buttons/checkbox_tristate.png);margin: 1px 4px 1px 1px;width: 13px;height: 13px;float:left;}
.tristate-clear {background-position:0px 0px;}
.tristate-clear:hover {background-position:0px -15px;}
.tristate-checked {background-position:0px -30px;}
.tristate-indetermined {background-position:0px -45px;}
.tristate_label {cursor:pointer;}

.nowrap { white-space: nowrap; }
.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

table.productBox {
	width: 100%;
}
table.productBox td {
	padding: 0;
	font-size: 12px;
}
table.productBox td.image {
	width: 60px;
	padding-right: 15px;
	text-align: center;
}
table.productBox td.title {
	width: 220px;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}
table.productBox td.price span:first-child {
	width: 100px;
	display: inline-block;
}
table.productBox td.price span.srp {
	color: #0066CC;
}

span.line_through {
	text-decoration: line-through;
}

span.srp_special {
	margin-left: 100px;
}

table.display_case td.arrows {
	padding-top: 10px;
}
table.display_case td.arrows > [data-direction] {
	height: 48px;
	width: 24px;
	background-image: url(/design/buttons/display_case_sprite.png);
	background-repeat: no-repeat no-repeat;
	cursor: pointer;
}

div.newsletter_title {
	margin-bottom:7px;
	cursor:pointer;
	font-size:18px;
}

div.newsletter_popup {
	width:900px;
	background-color: #FFFFFF;
	padding:25px;
	margin:10px;
}

.bullet_red ul {
	padding-left: 20px;
}
.bullet_red ul > li {
	list-style-image: url(/design/buttons/bullet_red.png);
	line-height: 30px;
}

.closeButton {
	background-image: url(/design/box/x_red.jpg);
	background-repeat: no-repeat;
	width: 31px;
	height: 30px;
	cursor: pointer;
	position: relative;
	float: right;
	margin-right: -15px;
	margin-top: -10px;
	vertical-align: top;
}

/* based upon stockWarning */
.infobar {
	color: #5E4700;
	background-color: #FFF200;
	padding: 5px 10px 5px 21px;
	font-size:14px;
}
	.infobar span {
		background-image: url(/design/icons/notice.png);
		background-repeat: no-repeat;
		line-height: 25px;
		min-height: 25px;
		padding-left: 35px;
		display: inline-block;
	}

.moduleRow {
	cursor:pointer;
}
.moduleRow td {
	padding: 5px;
}
.moduleRow:hover {
	background-color: #EFEFEF;
}

.top_filter {
	margin-bottom:10px;
	display:table;
	width:100%;
}

@media print, screen and (min-width: 40em) {
	.top_filter {
		border-top:1px solid #c7c7c7;
		border-bottom:1px solid #C7c7c7;
	}
}

.top_filter > div:first-child {
	font-size:12px;
	display:table-cell;
	padding:4px 0;
	width:100%;
}

@media screen and (max-width: 39.99875em) {
	.top_filter {
		table-layout: fixed;
	}
	.top_filter > div:first-child {
		white-space: nowrap;
		overflow:auto;
	}
}

.filter_button {
	border:1px solid #c7c7c7;
	margin:4px 5px 4px 0;
	padding:5px 7px;
	border-radius: 2px;
	cursor: pointer;
	display:inline-block;
	font-size:12px;
}

.filter_button.big_button {
	padding:7px 9px;
	font-size:14px;
	margin:5px 7px 5px 0;
}

.filter_button.filter_selected {
	background-color:#4B4B4B;
	color:white;
}

.filter_button.filter_selected_partial {
	background: linear-gradient(90deg, #4B4B4B 70%, #B3B3B3 30%);
	color:white;
}

#sort_by {
	font-size:12px;
	border:none;
	width:auto;
	line-height: 1;
	display:block;
	height:auto;
	margin:0;
	box-shadow: none;
}

.top_filter > div:not(:first-child) {
	padding-right:10px;
	font-size:12px;
	display:table-cell;
	vertical-align: middle;
	text-align: right;
}

.sort_by_dropdown > div:hover {
	background-color: #4B4B4B;
	color:white;
}

.cat_header {
	text-align:center;
}

.cat_header h1 {
	font-style: normal;
	font-weight: bold;
	font-size:14px;
	margin-bottom:12px;
}

@media print, screen and (min-width: 40em) {
	.cat_header h1 {
		font-size:12px;
		font-weight: normal;
	}
}


.cat_subheader {
	font-size:20px;
	font-weight:bold;
	font-style: italic;
	margin-bottom:10px;
}

#product_popup {
	padding:0;
	background-color:transparent;
	border:none;
	overflow:initial;
}

#product_popup .row {
	position:relative;
}

#product_popup .row:first-child {
	z-index:3;
}

#product_popup .row:last-child {
	z-index:2;
}

#product_popup #popup_content_container {
	background-color:white;
	border:1px solid black;
}

#product_popup #popup_content_container > div {
	display:none;
}

#product_popup #popup_nav_container ul {
	margin:0;
	padding:0;
	border-top:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
	margin-bottom:-1px;
}

#product_popup #popup_nav_container li {
	display:block;
	float:left;
	padding:5px 6px;
	font-size:10px;
	color:white;
	background-color:grey;
	text-align: center;
	line-height: 1;
	width:77px;
	cursor:pointer;
	border-right:1px solid black;
}

#product_popup #popup_nav_container li.black_nav {
	background-color:black;
	color:white;
}

#product_popup #popup_nav_container li.selected {
	color:black;
	background-color: white;
	border-bottom:1px solid white;
}

#product_popup #popup_nav_container i {
	font-size:30px;
}

#product_popup #popup_nav_container li:last-child {
	border-right:none;
}



#product_popup #left_popup_nav {
	float:left;
}

#product_popup #right_popup_nav {
	float:right;
}

.sort_by_container {
	margin-bottom:20px;
}

.warning {
	font-size:12px;
	padding:10px;
	background-color: #ffff75;
	text-align: center;
}

#product_popup #listing_content .quantity_container {
	width:150px;
}

@media screen and (max-width: 63.99875em) {
	#product_popup #listing_content .variant_list > div.row > div:first-of-type {
		padding:0;
	}

	#product_popup #listing_content .quantity_container {
		width:120px;
	}
}

#mobile_menu {
	display:none;
	position:absolute;
	top:67px;
	left:0;
	background-color:white;
	z-index: 2000;
	border:1px solid #c7c7c7;
	width:calc(100% - 54px);
	max-width:319px;
}

#mobile_menu.no_search_offset {
	top: 83px;
}

#mobile_menu ul {
	margin:0;
}

#mobile_menu li {
	list-style-type: none;

}

#mobile_menu li.mobile_menu_grey {
	background-color:grey;
	color:white;
}

#mobile_menu a {
	padding:10px 0;
	display:block;
	margin:0 10px;
}

#add_to_cart_container button {
	white-space: nowrap;
}

#add_to_cart_container {
	text-align: right;
	font-size:14px;
	position: -webkit-sticky; /* Safari */
	position: sticky;
	bottom:20px;
}

#add_to_cart_container div:first-child {
	display:inline-block;
}

.shopping-cart-image {
	max-height:75px;
}

.payment_due{
	color: #ff0b24;
	background-color: yellow;
	text-align: center;
	padding: 3px;
	margin-bottom: 5px;
}

.shopping-cart-image img {
	max-height:75px;
}

@media screen and (max-width: 39.99875em) {
	#add_to_cart_container  {
		text-align: center;
	}

	#add_to_cart_container div:first-child {
		display:block;
		padding-bottom:5px;
	}

	.hundred-width-on-small {
		width:100%;
	}

	.text-align-center-small {
		text-align:center;
	}

	.text-align-right-small {
		text-align:right;
	}

	.shopping-cart-image {
		max-height:80px;
	}

	.shopping-cart-image img {
		max-height:80px;
	}

	.order_list_button_row {
		padding-top:10px;
	}

	.order_list_button_row a.button:first-of-type {
		max-width:none!important;
	}
}
.order_list_button_row {
	padding-top: 5px;
}

.button{
	margin-bottom: 0.5em;
}
@media print, screen and (min-width: 40em) {
	#added_products_popup  {
		width:500px;
		width:fit-content;
		padding:30px;
	}

	.no-padding-left-medium-up {
		padding-left:0;
	}
	.text-align-right-medium-up {
		text-align:right;
	}
}

.credit_container {
	padding-top:10px;
}

@media print, screen and (min-width: 64em) {
	.credit_container {
		float:right;
		padding-top:0px;
	}
}

#mobilemenu_veil {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: none;
	/*background-color: rgba(255, 0, 0, .4);*/
}

.switch_pill {
	border-radius: 10px;
	padding:3px 4px;
	width:35px;
	display:inline-block;
	background-color: grey;
}

.switch_pill.on {
	background-color:#990000;
	float:none;
}

.switch_pill > div {
	height:11px;
	width:11px;
	border-radius:50%;
	background-color:white;
	float:right;
}

.switch_pill.on > div {
	float:none;
}


.order_history_row > div:nth-child(2) {
	text-align: right;
}
.order_history_row > div:nth-child(3) {
	text-align: left;
}
.brand-social-buttons {
	text-align: center;
}
@media print, screen and (min-width: 40em) {
	.order_history_row > div:nth-child(2) {
		text-align: left;
	}

	.order_history_row > div:nth-child(3) {
		text-align: left;
	}

	.brand-social-buttons {
		text-align: left;
	}
}

.slider_button {
	cursor:pointer;
	width:100%;
	background-color:white;
	border:1px solid black;
	color:black;
	opacity: .75;
	font-size:12px;
	overflow-y:hidden;
	text-overflow: ellipsis;
}

.slider_button_black {
	cursor:pointer;
	width:100%;
	background-color: #505050;
	border:1px solid black;
	color:white;
	opacity: .75;
	font-size:12px;
	overflow-y:hidden;
	text-overflow: ellipsis;
}

#zoom_popup {
	width: 80vw;
	height: 90vh;
	top: 5% !important;
	left: 10%;
	margin: 0;
	z-index: 1006;
	position: fixed;
}

#zoom_popup #zoom_content {
	width: 100%;
	height: 100%;
}

#zoom_popup #zoom_content .slider {
	background-color: #ffffff;
	margin: 0;
}

#zoom_popup #zoom_content .slick-track {
	display: flex;
	align-items: center;
	vertical-align: middle;
}

#zoom_popup #zoom_content .img-container {
	height: 100%;
	width: 100%;
	text-align:center;
	position: relative;
	display: table;
}

#zoom_popup #zoom_content img {
	max-width: 80vw;
	max-height: 90vh;
	display: inline-block;
	/*border: 2px solid #ff0000;*/
}
#zoom_popup #zoom_content .wrapper {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#zoom_popup .next {
	position: absolute;
	top: 50%;
	right: 60px;
	border-radius: 50%;
	background: #ffffff;
	width: 32px;
	height: 32px;
	font-size: 1.8em;
	z-index: 2;
}

#zoom_popup .next i {
	margin-left: 0px;
}

#zoom_popup .prev i {
	margin-left: -2px;
}

#zoom_popup .prev {
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translate(-50%,0);
	border-radius: 50%;
	background: #ffffff;
	width: 32px;
	height: 32px;
	font-size: 1.8em;
	z-index: 2;
}

/* only move prev btn if not on mobile */
@media only screen and (min-width: 930px) {
	#zoom_popup .prev.moreElements {
		left: 120px;
	}
}

#zoom_popup .prev,
#zoom_popup .next  {
	display: block;
}

 #zoom_popup .close-button {
	 position: absolute;
	 top: 30px;
	 right: 30px;
	 border-radius: 50%;
	 background: #ffffff;
	 width: 32px;
	 height: 32px;
	 font-size: 1.8em;
 }

#zoom_popup .close-button span {
	display: block;
	width: 100%;
	height: 100%;
}

 #zoom_popup .slick-list,
 #zoom_popup .slick-track
 {
	 height: 100%;;
 }

 #zoom_popup .material-icons {
	 font-size: 1.2em;
 }

 #thumnail {
	 position: absolute;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 80px;
	 z-index: 1;
 }

@media only screen and (max-width: 930px) {
	#thumnail {
		display: none;
	}
}

@media only screen and (max-width: 40em) {
	#zoom_popup {
		width: 100vw;
		height: 100vh;
		top: 0% !important;
		left: 0%;
		margin: 0;
		z-index: 1006;
		position: fixed;
	}
	#zoom_popup .next {
		right: 0px;
		display: none !important;
	}

	#zoom_popup .prev {
		left: 25px;
		display: none !important;
	}
	#zoom_popup .close-button {
		position: absolute;
		top: 20px;
		right: 16px;
	}
}

#thumnail .thumnail-container {
	width: 70px !important;
	height: 70px;
	border: 1px solid #DFDFDF;
	margin: 10px;
	background-color: #ffffff;
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

#thumnail .thumnail-container img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-height: 100%;
	max-width: 100%;
	padding: 5px;
}
#zoom_popup .zoomContainer {
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translate(-50%,0);
	z-index: 2;
}
#zoom_popup .zoomIn,
#zoom_popup .zoomOut {
	width: 80px;
	height: 38px;
	color: #000000;
	background-color: #ffffff;
	cursor: pointer;
	font-size: 30px;
	border: 1px solid #000000;
	border-radius: 0px;
	padding-bottom: 3px;
}

#zoom_popup .download_images {
	position:absolute;
	left: 10px;
	bottom: 10px;
	height:70px;
	width:70px;
	display:block;
	background-color: #590505;
	color:white;
	font-size:40px;
	text-align: center;
	padding-top: 11px;
	z-index:1000;
}

@media only screen and (max-width: 40em) {
	#zoom_popup .download_images {
		height:40px;
		width:40px;
		font-size:23px;
		padding-top: 6px;
	}
}