:root {

	--zlig-primary-color:	    #bf0000;
	--zlig-secondary-color:		#b60000;
	--zlig-third-color:			#960000;
	
	--zlig-link: 				#007ab8;
	--zlig-hover:				#007ab8;

	--zlig-black:				#000000;
	--zlig-gray-5:				#0d0d0d;
	--zlig-gray-10:				#1a1a1a;
	--zlig-gray-20:				#333333;
	--zlig-gray-25:				#3f3f3f;	/* text */
	--zlig-gray-33:				#555555;
	--zlig-gray-40:				#676767;
	--zlig-gray-53:				#888888;
	--zlig-gray-63:				#a0a0a0;	/* bg back & border */
	--zlig-gray-72:				#b7b7b7;
	--zlig-gray-87:				#dddddd;	/* bg middle */
	--zlig-gray-88:				#e0e0e0;	/* IBM Carbon */
	--zlig-gray-91: 			#e8e8e8;	/* IBM Carbon */
	--zlig-gray-94:				#f0f0f0;	/* bg front */
	--zlig-gray-96:				#f4f4f4;	/* IBM Carbon */
	--zlig-gray-98:				#fafafa; 
	--zlig-gray-99:				#fcfcfc; 
	--zlig-white:				#ffffff;

	--zlig-new:					#fdd13a;
	--zlig-active:				#24a148;
	--zlig-inactive:			#e50000;
	--zlig-trash:				#8b4513;
	--zlig-lock:				#134d13;
	--zlig-error: 				#db1b2b;
	--zlig-success: 			#1cab1c;
    --zlig-text:                #3f3f3f;

	--zlig-orange:				#ffa500;
	--zlig-yellow:				#ffff00;
	--zlig-green:				#1cab1c;
	--zlig-dark-yellow:			#e7e701;
	--zlig-red: 				#e70101;
	--zlig-light-red:			#FFE7F2;
	--zlig-dark-red:			#790000;

	--zlig-content-width: 		1280px;
	--zlig-large-width: 		1000px;
	--zlig-center-width: 		780px;
	--zlig-product-width: 		600px;
	--zlig-left-width: 			200px;
	--zlig-right-width: 		200px;
	--zlig-icon-width: 			48px;
	--zlig-bar-height: 			48px;
	--zlig-background-opacity:	0.70;

}

* { margin: 0; }

/* FORM */

input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"] {
	box-shadow: none;
}
input[type=password], input[type=text] {
    background-color: #ffffff;
	box-sizing: border-box;
    color: #131313;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
	padding: 3px 6px;
    height: 36px;
    border: 1px solid #9f9f9f;
    border-radius: 4px;
}

select {
	background-color: #ffffff;
    width: 100%;
	margin-right:2%;
	box-sizing: border-box;
    color: #131313;
	font-size: 15px;
	font-family: 'Montserrat', sans-serif;
	padding: 3px 6px;
    height: 36px;
    border: 1px solid #9f9f9f;
    border-radius: 4px;
}

textarea {
	box-sizing: border-box;
}

body {
	background: var(--zlig-white);
	color: var(--zlig-text);
	height: 100%;
	min-width: 100%;
    position: absolute;
	margin: 0;
	padding: 0;
    overflow-y: scroll;
    font-family: Tahoma,Verdana,Geneva,sans-serif !important;
    font-size: 13px;	
}

img { border: 0; }

img,input {
    vertical-align: middle
}

li { margin-left: 24px; }
ol li { margin-left: unset; }
ul li { margin-left: unset; }

a {
    color: var(--zlig-link);
    text-decoration: none;
}

a:hover { 
	text-decoration: underline; 
}

p, .p { margin: 10px 0; }


h1 {
	font-size: 25px!important;
    padding-bottom: 8px;
    color: var(--zlig-gray-40);
	font-weight: bold;
}

h2, h3, h4{
	font-size: 20px!important;
    padding-bottom: 8px;
    color: var(--zlig-gray-40);
	font-weight: normal;
}

h5 {
	font-size: 30px!important;
    padding-bottom: 0px;
    color: var(--zlig-red);
	font-weight: bold;
}

.TopHeader {
	display: block;
	background: var(--zlig-black);
	height: var(--zlig-bar-height);
	margin: 0px;
}
.TopHeaderContent {
	display: block;
    position: relative;
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
	height: var(--zlig-bar-height);
}
.TopHeader .Left {
	font-size: 15px;
	margin: 0px 0px 0px 2px;
	display: block;
	float: left;
	color: var(--zlig-white);
	line-height: var(--zlig-bar-height);
	list-style: none;
	margin-right: 0px;
	height: var(--zlig-bar-height);
	
}

.TopHeader .Left ul {
    display: flex;
    color: var(--zlig-white);
    flex-direction: row;
    padding: 0;
    column-gap: 24px;
}

.TopHeader .Left li {
    font-size: 14px;
    display: flex;
    margin: 0;
    color: var(--zlig-white);
    line-height: var(--zlig-bar-height);
    list-style: none;
}

.TopHeader .Left li .top_icon, .TopHeader .Right li .top_icon{
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.TopHeader .Left a, .TopHeader .Right a {
    color: var(--zlig-white)!important;
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.TopHeader .Right {
	float: right;
	color: var(--zlig-white);
	line-height: var(--zlig-bar-height);
	height: var(--zlig-bar-height);
}

.TopHeader .Right ul {
    display: flex;
    column-gap: 24px;
    padding: 0;
}

.TopHeader .Right li {
    font-size: 14px;
    display: flex;
}

.HeaderContent {
    display: flex;
    position: relative;
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
    height: 60px;
    justify-content: space-between;
    align-items: center;
}

.HeaderContent .Right {
	display: flex;
}

.Search {
	position: absolute;
	left: 890px;
	top: 18px;
}

.Search strong {
    margin-right: 10px;
}

.SearchBox {
    margin: 0!important;
    width: 350px!important;
    color: var(--zlig-black) !important;
    background: var(--zlig-white) !important;
    padding: 2px 72px 2px 3px!important;
    height: 25px!important;
    border: 1px solid var(--zlig-black)!important;
    box-sizing: border-box!important;
    vertical-align: middle!important;
	border-radius: 4px!important;
	font-size: 13px!important;
}

.SearchButton {
    position: absolute !important;
    border: 0px;
    top: 0px;
    right: 0px;
    width: 16px;
    height: 16px;
    padding: 4px;
}


#navbar {
    display: block;
    margin-bottom: 16px;
    background: var(--zlig-primary-color);
    height: var(--zlig-bar-height);
    line-height: var(--zlig-bar-height);
    border-bottom: 0px;
    text-align: center;
	overflow: hidden;
	z-index: 10001;

}

#navbar ul {
    display: flex;
    width: var(--zlig-content-width);
    margin: 0;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
	list-style: none;
}

#navbar .aptikahome {
    width: var(--zlig-icon-width);
    margin: 0;
    padding: 0;
    background: var(--zlig-secondary-color);
}

#navbar .aptikahome a {
	padding: 0;
}

#navbar li {
    font-weight: 700;
}

#navbar a {
    color: var(--zlig-white);
    font-size: 13px;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

#navbar a:hover {
	background: var(--zlig-third-color);
    text-decoration: none;
    color: var(--zlig-white);
}

.main-content {
	display: flex;
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 16px;
}

.aptika_footer {
    background: #363636;
}

.aptika_footer_content {
    display: flex;
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}

.aptika_footer_content strong {
    font-size: 15px;
    color: var(--zlig-white);
    display: block;
    margin-bottom: 10px;
}

.aptika_footer_content ul {
    list-style-type: none;
    padding-left: 16px;
    margin-bottom: 16px;
}

.footer_about {
    margin-top: 16px;
}
.footer_newsletter {
    margin-top: 16px;
    color: #bebebe;
}

.footer_newsletter input[type=text], .footer_newsletter input[type=email] {
    padding: 5px;
}

.footer_newsletter [type=submit] {
    font-size: 12px;
    padding: 5px;
}

.footer_support {
    margin-top: 16px;
}

.footer_contact {
    margin-top: 16px;
}

.footer_copyright {
    font-size: 10px;
    color: #bebebe;
    border-top: 1px solid #bebebe;
    padding-top: 16px;
	padding-bottom: 16px;
}

.footer_social_media {
	padding-top: 16px;
    min-width: 200px;
    border-top: 1px solid #bebebe;
    text-align: right;
}

.aptika_footer_content a {
    color: #bebebe;
    text-decoration: none;
}
.aptika_footer_content a:hover {
    color: var(--zlig-white);
}

.masterContainer{
    width: var(--zlig-content-width);
	max-width: var(--zlig-content-width);
    display: flex;
}

.masterContainer .leftContent {
	width: 225px;
	margin-right: 25px;
}

.masterContainer .largeContent {
	max-width: 955px;
	width: 955px;
}

.masterContainer .largeContentRight {
	max-width: 1030px;
	width: 1030px;
}

.masterContainer .largeRightContent {
	max-width: 300px;
	width: 300px;
	margin-left: 25px;
}

.masterContainer .centerContent {
    max-width: 780px;
    width: 780px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-bottom: 48px;
}

.masterContainer .rightContent {
	width: 225px;
	min-width: 225px;
	margin-left: 25px;
}

.contentHTML {
	margin-bottom: 24px;
}

.contentHTML img {
	width: 100%;
}


.fullContent {
	width:100%;
}

.TitlePanel {
	border: 1px solid var(--zlig-black);
	border-radius: 0px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: var(--zlig-white);
    text-align: left;
    vertical-align: middle;
	display: flex;
    flex-direction: column;
}

.TitleRect {
    font-size: 14px;
    height: 32px;
    margin-bottom: 10px;
    padding-left: 10px;
    background: var(--zlig-black);
    box-sizing: border-box;
    color: var(--zlig-white);
    display: flex;
    align-items: center;
}

.TitleRectVideo {
    margin: 0 0 0px 0 !important;
    border-bottom: 1px solid #000000;
    height: 24px;
    line-height: 24px;
    margin-bottom: 0px;
    text-align: left !important;
    padding-left: 10px;
    width: auto;
	background: #636363;
    color: #fff;
}

.TitlePDF {
    height: 39px;
    padding-left: 10px;
    background: #636363;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    align-items: center;
}

.TitlePanelVideo {
	display: flex;
	flex-direction: column;
	background: #000000;
	margin-bottom: 25px;
	border-radius: 4px;
	box-shadow: 0 1px 1px 0 #afafaf;
}

.TitlePanelVideo iframe {
	width: 300px;
	height: 200px;
	border-radius: 4px;
	box-shadow: 0 1px 1px 0 #afafaf;
}

.LineMenu {
    position: relative;
    display: block;
    margin: 0;
	border-radius: 4px 4px 0 0;
    padding: 0;
    height: 28px;
    background: #636363;
	margin-top: 2px;
	margin-bottom: 10px;
}

.LineMenu .Tab {
    position: relative;
    display: inline-block;
    width: auto;
	min-width: 125px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: 27px;
    line-height: 26px;
    margin: 0;
    padding: 0 10px;
    vertical-align: bottom;
	top: -1px;	
	border-right: 1px solid #ffffff;
}

.LineMenu .Tab a {
    color: #fff;
    text-decoration: none;
}

.LineMenu .Tab.Current {
	top: 0 !important;
    padding-bottom: 2px;
	margin-top: -7px;
    color: #c2030a;
    font-size: 12px;
    cursor: default;
    height: 27px;
    padding-top: 5px;
    text-shadow: 0 0 #fff;
    background: #fff;
    border-radius: 7px 7px 0 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #363636;
    border-bottom: 0;
	font-weight: bold;
}

.LineMenu .Tab.Current a {
	color: #c2030a;
}

.qr_code_Display {
    display: flex;
    justify-content: center;
	margin-top: 10px;
}

.qr_code_Text {
	margin: 15px;
	text-align: center;
}

.Centered {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 16px;
    flex-direction: column;
    align-items: center;
	text-align: center;
}

.AlignCenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
    text-align: center;
}

.AlignCenterFlex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.TitlePanel a {
    display: block;
    margin: 4px 5px 4px 10px;
    text-decoration: none;
}

.TitlePanel a:hover {
    text-decoration: underline; 
}

.TitlePanel p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.TitlePanel strong {
	color: var(--zlig-link);
}

.TitlePanel .sub1 {
    margin-left: 10px;
}

.TitlePanel .sub2 {
    margin-left: 20px;
}

.TitlePanel .sub3 {
    margin-left: 30px;
}

.TitlePanel .sub4 {
    margin-left: 40px;
}

.TitlePanel .sub5 {
    margin-left: 50px;
}

.securePayment{
	display: flex;
    justify-content: space-between;
	margin-bottom: 25px;
}


.debug {
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
    height: 40px
}

.breadcrumb {
    display: flex;
    width: var(--zlig-content-width);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    padding-bottom: 0px;
    border-bottom: 1px solid #9f9f9f;
}

.breadcrumb ul {
    width: 100%;
	font-size: 13px;
    padding-left: 0;
    padding-bottom: 2px;
}

.breadcrumb ul {
	list-style: none;
}

.breadcrumb ul li {
	display: inline;
}

.breadcrumb ul li a{
	text-decoration: none;
	color: #000000;
}

.breadcrumb ul li+li:before {
	padding: 0px;
	color: black;
	content: " \\ ";
}

.breadcrumb .home {
	color: #000000;
}

.breadcrumb .productTitle {
	color: #000000;
	font-weight: bold;
}


#Div_Diff_Billing {
    display: none;
}

.hide {
	display: none;
}

/* PRODUCT GALLERY */

.productGalery {
	display: grid;
	grid-template-columns: repeat(auto-fill, 170px);
	justify-content: space-between;
	grid-gap: 25px;
	margin-bottom: 25px;
}

.productGalery .productDisplay {
	box-sizing: border-box;
	width: 170px;
	height: 160px;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #636363;
	box-shadow: 0 1px 1px 0 #afafaf;
	display: flex;
	padding-top: 5px;
	justify-content: space-between;
	align-content: center;
	flex-direction: column;
	align-items: center;
	padding-bottom: 0px;
}

.productGalery .productDisplay .productTitle {
    background: #636363;
    height: 30px;
    border-top: 1px solid #000;
    line-height: 14px;
    font-size: 12px;
    width: 100%;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productGalery .productDisplay .productTitle a {
	text-decoration: none;	
}

.productGalery .productDisplay .productTitle a:hover {
	background: #acacac;
}

/* PRODUCT LIST */

.productList .productDisplay:last-of-type {
	border-bottom: 0px;
}

/* PRODUCT DISPLAY */

.largeContent .productDisplay {
	border-bottom: 0px;
	padding-bottom: 0px;
}

.productDisplay {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgb(159, 159, 159);
    margin-bottom: 25px;
    padding-bottom: 10px;
}

.productDisplay .productLeft {
	margin-right: 20px;
}


.productDisplay .productLeft .productImage {
    width: 150px;
    display: flex;
    justify-content: center;
}

.productDisplay .productLeft .productImage a:hover img {
	transform: scale(1.1);
}

.productDisplay .productLeft .productImage img {
	width: 100%;
	transition: 0.5s all ease-in-out;
}

.productDisplay .productRight {
	width: 100%
}

.productDisplay .productRight .productTitle {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #666666;
}

.productDisplay .productRight .productTitle a {
	color: #666666;
	text-decoration: none;
}

.productDisplay .productRight .productTitle a:hover {
	text-decoration: underline;
	color: #000000;
}

.productDisplay .productRight .productDesc {
	margin-bottom: 10px;
}

.productManufacturer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
	margin-bottom: 10px;
}

.productManufacturer .productManufacturerRight{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
	max-width: 60%;
}

.manufacturerLogo {
	display: flex;
}

.productManufacturer img{
	max-width: 100px;
}

.freeShipping {
    color: #4e9400;
    line-height: 22px;
	text-align: right;
    width: 240px;
    margin-bottom: 8px;
}

.freeShipping img {
	margin-right: 5px;
}

.productDisplay .productRight .productCart {
    display: flex;
    justify-content: space-between;
}

.productDisplay .productRight .productCartLeft {
    display: flex;
    flex-direction: column;
	justify-content: center;
}

.productDisplay .productRight .productCartRight {
	display: flex;
	align-items: center;
}

.productDisplay .productRight .productCart .price {
    font-size: 19px;
    color: var(--zlig-active) !important;
    font-weight: bold;
	margin-right: 10px;
}

.productDisplay .productRight .productCart .productMapPrice {
	background: 0 0;
	border: 0;
	text-shadow: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	font-size: 19px;
	color: #c2030a!important;
	font-weight: 700;
	cursor: pointer;
}


.productDisplay .productRight .productCart .msrpPrice {
    font-size: 15px;
	color: #666;
	font-weight: normal;
	display: inline-block;
	text-decoration: line-through;
}

.productDisplay .productRight .productCart .productQTY {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 10px;
}

.productDisplay .productRight .productCart .productQTY label{
	margin-right: 5px;
	white-space: nowrap;
}

.productButton {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.prdButton {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	flex-direction: row;
}

.Button2 {
    padding: 0px 10px;
    border: 0;
    cursor: pointer;
    height: 20px;
    font-size: 10px;
    border-radius: 4px!important;
	box-sizing: border-box;
}

.Button.marginleft {
    margin-left: 15px;
}

.Button.marginright {
    margin-left: 15px;
}

.Button {
    padding: 5px 15px;
    border: 0;
    cursor: pointer;
    height: 40px;
    font-size: 15px;
    border-radius: 4px!important;
	text-decoration: none;
	display: flex;
    align-items: center;
    min-width: 150px;
    justify-content: center;
	box-sizing: border-box;
}

.Button a {
	text-decoration: none;
}

/* FIELD STYLE */

.errorMessage {
	background-color: rgba(255,223,224,.25);
	border-top: 1px solid #c89797 !important;
	border-bottom: 1px solid #c89797 !important;
	padding-bottom: 6px !important;
	padding-top: 8px !important;
	box-sizing: border-box;
}

.errorMessage .message { 
	color: #790000;
	font-weight: 700;
	letter-spacing: normal;
    margin-top: 6px;
}

.zlabel {
	height:100%;
	padding-right: 10px;
}

.zinput {
	height:100%;
}

.zfield_required {
    color: #790000;
    margin-left: 4px;
	font-weight: 700;
}

/* WHAT EVER */

.prdContent {
	width: 100%;
	display: flex;
	margin-bottom: 25px;
}

.prdContent .left {
	margin-right: 50px;
}

.PictureBox {
	display: flex;
	flex-direction: row;
	width: 400px;
	height: 350px;
	justify-content: center;
}

.PictureBox .Pictures {
	overflow: hidden;
	width: 50px;
	display: flex;
    justify-content: flex-start;
	flex-direction: column;
}

.PictureBox .Pictures img {
	margin-bottom: 20px;
}

.PictureBox .ProImg {
	display: flex;
	flex-direction: row;
	width: 350px;
	height: 350px;
	justify-content: center;
	align-items: center;
	margin-left: 20px;
}

/***************************************************************/
/* CAROUSEL
/*-------------------------------------------------------------*/

.jcarousel.ProductCarouselLarge {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.jcarousel.ProductCarousel {
	width: 450px;
	height: 130px;
	margin: 0 auto;
}

.jcarousel .ProductBox:last-child {
	border-right: 0px;
}
.jcarousel .ProductBox {
	height: 120px;
	width: 159px;
	padding-right: 10px;
	border-right: 1px solid #525252;
}

.ProductBox.Carousel {
    display: flex;
	font-size: 13px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
	margin: 10px;
}

.ProductBox span {
    display: block;
}

.ProductBox a {
    display: block;
    margin: 0px;
	line-height: 1;
}

.ProductBox form {
    margin-top: 4px;
}

.ProductBox hr {
    border-top: 1px solid black;
    margin: 5px 0 5px 0;
}

.ProductBox {
    position: relative;
    margin: 5px;
    font-size: 13px;
    text-align: right;
}

.ProductBoxContent {
    display: flex;
    justify-content: space-between;
}

.ProductBox a {
    display: block;
    text-align: left;
    margin-bottom: 5px;
}

.ProductBox form {
    margin-top: 4px;
}

.Button.Small {
	font-size: 12px;
	height: 28px;
	padding: 1px 8px;
	width: 75px;
	max-width: 75px;
	min-width: 85px;
	margin: 0;
	padding: 0;
}


.Gray, .TitleGray {
    background: #636363;
    color: #ffffff;
}

.Gray:hover {
    background: #807f7f;
	box-shadow: 0 1px 1px 0 #636363;
}

.Green {
    background: #4e9400;
    color: #ffffff!important;
}

.Green:hover {
    background: #5fb300;
	box-shadow: 0 1px 1px 0 #636363;
}

.Red {
    background: #b60000;
    color: #ffffff;
}

.Red:hover {
    background: #cf0000;
	box-shadow: 0 1px 1px 0 #636363;
}

.cartImage{
	margin-left: 10px;
    position: relative;
    z-index: 1;
}

.cartImage a{   
    height: 30px;
    display: block;
}

.cartCircle {
    background: #f13647;
    border-radius: 25%;
    height: 16px;
    text-align: center;
    width: 16px;
    position: absolute;
    right: -4px;
    top: -9px;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cartQuantity{
	font-size: 11px;
	color: #ffffff;
}

.price2 {
    font-size: 14px;
    color: #c2030a!important;
    font-weight: 700;
}

.msrp-price2 {
    font-size: 11px;
    color: #666;
    font-weight: 400;
    padding-top: 4px;
    display: inline-block;
    text-decoration: line-through;
}

/* SHORTCODE SLIDER */

.shortcode_slider {
    margin-bottom: 20px;
    max-width: 780px;
    max-height: 300px;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.mySlides {display:none;}
.slider-button:hover{color:#ffffff!important;background-color:#960000!important}
.slider-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.slider-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}  
.slider-button:disabled{cursor:not-allowed;opacity:0.3}
.slider-button{text-align:left;padding:8px 16px}
.slider-button{white-space:normal}
.slider-button{color:#ffffff!important;background-color:#bf0000!important}
.slider-left{padding-left:15px;}
.slider-right{padding-right:15px;}

.slider-badge{display:inline-block;margin-left:8px;margin-right:8px;text-align:center}
.slider-badge{border-radius:50%}
.slider-border{border:1px solid #ccc!important}
.slider-left, .slider-right, .slider-badge {cursor:pointer;font-size:22px;color:#bf0000;}
.slider-badge {height:13px;width:13px;padding:0;margin-top:10px;}

.slider-transparent{background-color:transparent!important}

.slider-white,.slider-hover-white:hover{color:#000!important;background-color:#bf0000!important}

.slider-container {
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
}

.shortcode_slider a {
	display: flex;
}

.menuSquare {
	margin-bottom: 25px;
}

.menuSquare a{
	display: flex;
}

/* .menuSquare img {
	border: 1px solid #636363;
	border-radius: 4px;
    box-shadow: 0 1px 1px 0 #afafaf;
} */

/* FRONT PAGE PRODUCT GALLERY */

.front_page_productGalery {
	display: grid;
	grid-template-columns: repeat(auto-fill, 150px);
	justify-content: space-between;
	margin-bottom: 32px;
	row-gap: 8px;
}

.front_page_productGalery .productDisplay {
	box-sizing: border-box;
	width: 150px;
	height: 150px;
	text-align: center;
	display: flex;
	justify-content: space-between;
	align-content: center;
	flex-direction: column;
	align-items: center;
    margin: 0;
    border: 0;
    padding: 0;
}

.front_page_productGalery .productDisplay .productTitle {
	height: 30px;
	line-height: 14px;
	font-size: 12px;
	width: 100%;
	color: #000;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* FRONT PAGE BRAND GALLERY */

.shop_by_brand {
	border-style: solid;
	border-color: var(--zlig-text);
	border-width: 1px 0 1px 0;
	padding-top: 8px;
	margin-bottom: 32px;
}

.front_page_brandGalery {
	display: grid;
	grid-template-columns: repeat(auto-fill, 150px);
	justify-content: space-between;
	margin-bottom: 8px;
	row-gap: 8px;
}

.front_page_brandGalery .brandDisplay {
    width: 150px;
    height: 60px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0;
    border: 0;
    padding: 0;
}

.front_page_brandGalery .brandDisplay .brandTitle {
	height: 30px;
	line-height: 14px;
	font-size: 12px;
	width: 100%;
	color: #000;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* FRONT PAGE POST */

.postGalery .postDisplay {
    margin-bottom: 32px;
}

.postDisplay .postContent {
    display: flex;
    column-gap: 16px;
    margin-bottom: 8px;
}

.postDisplay .postFullContent {
    margin-bottom: 32px;
}

.postDisplay .postTag {
    margin-top: 16px;
}

.postDisplay .postImage img {
	display: block;
	max-width: 100px;
	max-height: 100px;
	width: auto;
	height: auto;
}

.postDisplay .postFooter {
    display: flex;
    border: 1px solid #eaeaea;
    font-size: 13px;
    color: #666;
    height: 32px;
    align-items: center;
    padding-left: 8px;
    column-gap: 32px;
}

.price {
    font-size: 14px;
    color: #c2030a !important;
    font-weight: bold;
}

.notavailable {
	width: 90%;
	margin:auto;
	border: 1px solid #6f6f6f;
	border-radius: 2px;
	padding:5px;
	background: #ebebeb;
	margin-top: 20px;
	box-shadow: 0 2px 2px 0 #ebebeb;
}

/* CART */


.idc_form td {
	padding: 2px 0px 2px 0px;
	border: 0px;
	height: 40px;
	font-size: 15px;
	line-height: 27px;
	vertical-align: middle;
	box-sizing: border-box!important;
}

.idc_form .spacer {
	border-top: 1px solid #cccccc;
	height: 10px !important;
	padding: 0px;
	margin: 0px;
}

.idc_form select, 
.idc_form input[type='text'], 
.idc_form input[type='email'], 
.idc_form input[type='url'], 
.idc_form input[type='password'], 
.idc_form input[type='search'],
.idc_listing select, 
.idc_listing input[type='text'], 
.idc_listing input[type='email'], 
.idc_listing input[type='url'], 
.idc_listing input[type='password'], 
.idc_listing input[type='search'] {
    color: #131313;
    border: 1px solid #cccccc;
    height: 36px;
    width: 100%;
	padding: 3px 6px;
    border-radius: 4;
}

.idc_form textarea, .idc_listing textarea {
	width: 100%;
    min-height: 114px;
    max-width: 582px;
	color: #131313;
    border: 1px solid #cccccc;
	width: 100%;
	padding: 3px 6px;
    border-radius: 0;
	height: 114px;
}


/* listing table */

.idc_listing {
    width: 100%;
    margin-bottom: 25px;
    border-spacing: 0px;
    border-collapse: collapse;
}

.idc_listing .check-column {
    width: 40px;
    min-width: 40px;
    text-align: center;
	vertical-align: middle;
	cursor: auto;
}

.idc_listing .amount_column {
	text-align: right;
}

.idc_listing .cart_product_img {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.idc_listing .center_column {
	text-align: center;
}

.idc_listing .check-column img {
	vertical-align: middle;
}

.idc_listing th, .idc_listing td {
    padding: 4px;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
	box-sizing: border-box!important;
    border: 1px solid #636363;
    font-size: 14px;
	height: 40px;
	vertical-align: middle;
    color: #3f3f3f;
    text-align: left;
}

.idc_listing td a {
    color: #3f3f3f;
	text-decoration: none;
}

.idc_listing td a:hover {
    color: #000000;
	text-decoration:underline;
}


.idc_listing .doubleborder {
	border-top: 2px solid;
}

.idc_listing tr.tr_hover:hover {
	background-color: #cde6f7;
	color: #ffffff !important;
	cursor: pointer;
}

.idc_listing th {
	color: #000000;
    font-weight: bold;
}
.idc_listing tr:nth-child(even){
  background-color: #f1f9ff;
}
.idc_listing tr:nth-child(odd){
  background-color: #ffffff;
}

.idc_listing input[type=checkbox], input[type=radio] {
    margin: 0px 0px 0px 0px;
    padding: 0px;
	vertical-align: middle;
}

.idc_form .inactive, .idc_listing .inactive {
    background: #ff0000;
}
.idc_form .trash, .idc_listing .trash {
    background: #8b4513;
}
.idc_form .active, .idc_listing .active {
    background: #228b22;
}
.idc_form .selected, .idc_listing .selected {
    background: #27AD27;
}
.idc_form .new, .idc_listing .new {
    background: #279bd2;
}
.idc_form .orange, .idc_listing .orange {
    background: #ffa500;
}

.idc_form .inactive, .idc_form .trash, .idc_form .active, .idc_form .new, .idc_form .colorcode,
.idc_listing .inactive, .idc_listing .trash, .idc_listing .active, .idc_listing .new {
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
	font-weight: bold;
}

.idc_form .previewspace, .DisplayPreview {
	display: flex;
    justify-content: center;
	align-items: center;
    height: auto;
	background: repeating-linear-gradient(
		45deg,
		#f0f0f0,
		#f0f0f0 10px,
		#f4f4f4 10px,
		#f4f4f4 20px);
    padding: 15px !important;
}

.idc_form .column_75, .idc_listing .column_75 {
    width: 70px;
    padding-right: 5px;
    white-space: normal;
    line-height: 1;
    vertical-align: middle;
}
.idc_form .column_150, .idc_listing .column_150 {
    width: 145px;
    padding-right: 5px;
    white-space: normal;
    line-height: 1;
    vertical-align: middle;
}

.idc_form .column_200, .idc_listing .column_200 {
    width: 195px;
    padding-right: 5px;
    white-space: normal;
    line-height: 1;
    vertical-align: middle;
}

.parentProductContainer {
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #000000;
	margin-bottom: 25px;
}

.parentProductContainer a{
	text-decoration: none;
	color: #000000;
}

.parentProductContainer a:hover{
	text-decoration:underline;
	color: #292929;
}

.parentProductContainer div:last-child {
	margin-left: auto;
	font-weight: bold;
}

.productContentTitle {
    margin-left: 10px;
}

/* MESSAGE CONTAINER  */

.MessageContainer {
    height: 40px;
    box-sizing: content-box;
    display: flex;
    width: 100%;
    max-width: var(--zlig-content-width);
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 #afafaf;
    margin-bottom: 10px;
    margin-left:auto;
    margin-right: auto;

}

.MessageContainer .contentContainer {
    display: flex;
    align-items: center;
    margin-left: 5px;
	font-size: 16px;
	line-height: 1.2;
	width: fit-content;
}

.MessageContainer .iconContainer {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid white;
}

.MessageContainer.success {
    border: 1px solid #000000;
    background: #228b22;
    color: white;
}

.MessageContainer.error {
	border: 1px solid #000000;
    background: #940000;
    color: white;
}


.zligForm {
    display: grid;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
    grid-template-columns: 200px auto;
    padding: 0px;
	margin-bottom: 25px;
	align-items: center;
    width: var(--zlig-center-width);
}

.zligForm .Button {
	margin-bottom: 0px;
}


.globalMessageContainer {
    height: 40px;
    box-sizing: content-box;
    display: flex;
    border-radius: 4px;
    box-shadow: 0 1px 1px 0 #afafaf;
    width: fit-content;
    position: absolute;
    z-index: 100;
    background: white;
    right: 25px;
    bottom: 25px;
	visibility: hidden;
}

.globalMessageContainer .iconContainer, .MessageContainer .iconContainer {
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid white;
}

.globalMessageContainer .contentContainer {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
    line-height: 1.2;
    width: fit-content;
}

.globalMessageContainer.success, .MessageContainer.success {
    border: 1px solid #000000;
    background: #228b22;
    color: white;
}

.globalMessageContainer.error, .MessageContainer.error {
	border: 1px solid #000000;
    background: #940000;
    color: white;
}

.globalMessageContainer.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
	animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;} 
	to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;} 
	to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}

.idc_container {
	display: flex;
	margin-bottom: 25px;
}

.idc_container_50 {
	float: left;
    width: 48%;
    margin-right:2%;
}

.idc_container_50:last-child {
	margin-left:2%;
    margin-right: 0px;
}

.idc_container_50:only-child {
	margin-right:0px;
	margin-left:0px;
}

.paymentMethod {
    display: grid;
	grid-template-columns: repeat(2, 50%);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
	margin-bottom: 25px;
}

.paymentMethod .div1 {
    grid-area: 1/1/2/2;
    display: flex;
    align-items: center;
	align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}
.paymentMethod .div2 {
    grid-area: 1/2/2/3;
    display: flex;
    align-items: center;
	align-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.paymentMethod input[type=radio] {
    margin-right: 10px;
}

.paymentMethod div img{
    margin-right: 10px;
}

/* Credit Card Grid */

.gridCreditCard {
	display: grid;
	grid-template-columns: repeat(3, 23%) auto;
	/*grid-template-rows: repeat(9, 40px);*/
	grid-row-gap: 5px;
	grid-column-gap: 10px;
	align-items: flex-end;
	margin-bottom: 25px;
}
	
.gridCreditCard .div1 { grid-area: 1 / 4 / 7 / 5; }
.gridCreditCard .div2 { grid-area: 1 / 1 / 2 / 4; }
.gridCreditCard .div3 { grid-area: 2 / 1 / 3 / 4; }
.gridCreditCard .div4 { grid-area: 3 / 1 / 4 / 4; }
.gridCreditCard .div5 { grid-area: 4 / 1 / 5 / 4; }
.gridCreditCard .div6 { grid-area: 5 / 1 / 6 / 2; }
.gridCreditCard .div7 { grid-area: 5 / 2 / 6 / 4; }
.gridCreditCard .div8 { grid-area: 6 / 1 / 7 / 2; }
.gridCreditCard .div9 { grid-area: 6 / 2 / 7 / 3; }
.gridCreditCard .div10 { grid-area: 6 / 3 / 7 / 4; }

.form_input {
	width: 100%;
}

.text_comments {
    padding: 3px 0px 3px 0px;
};