@font-face {
	font-family: 'pageResNumbers';
	font-display: swap;
	src: local('pageResNumbers'), url('/fonts/6px2bus.ttf') format('truetype');
}

@font-face {
	font-family: 'subCategoryFont';
	font-display: swap;
	src: url('/fonts/Pr_IV_44_Ausg3.otf') format('opentype');
}

@font-face {
	font-family: 'LED';
	font-display: swap;
	src: url('/fonts/LED/PIDvl.eot');
	src: url('/fonts/LED/PIDvl.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/LED/PIDvl.woff2') format('woff2'),
		 url('/fonts/LED/PIDvl.woff') format('woff'),
		 url('/fonts/LED/PIDvl.ttf') format('truetype');
}

@font-face {
	font-family: 'pragmatica';
	font-display: swap;
	src: url('/fonts/Pragmatica/Pragmatica-Book.eot');
	src: url('/fonts/Pragmatica/Pragmatica-Book.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/Pragmatica/Pragmatica-Book.woff2') format('woff2'),
		 url('/fonts/Pragmatica/Pragmatica-Book.woff') format('woff'),
		 url('/fonts/Pragmatica/Pragmatica-Book.ttf') format('truetype');
}

@font-face {
	font-family: 'pragmatica_pn';
	font-display: swap;
	src: url('/fonts/Pragmatica/PragmaticaCond-Medium.eot');
	src: url('/fonts/Pragmatica/PragmaticaCond-Medium.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/Pragmatica/PragmaticaCond-Medium.woff2') format('woff2'),
		 url('/fonts/Pragmatica/PragmaticaCond-Medium.woff') format('woff'),
		 url('/fonts/Pragmatica/PragmaticaCond-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'pragmatica_pd';
	font-display: swap;
	src: url('/fonts/Pragmatica/PragmaticaCond-Book.eot');
	src: url('/fonts/Pragmatica/PragmaticaCond-Book.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/Pragmatica/PragmaticaCond-Book.woff2') format('woff2'),
		 url('/fonts/Pragmatica/PragmaticaCond-Book.woff') format('woff'),
		 url('/fonts/Pragmatica/PragmaticaCond-Book.ttf') format('truetype');
}

@font-face {
	font-family: 'NeueHaasUnica-Regular';
	font-display: swap;
	src: url('/fonts/NeueHaasUnica/NeueHaasUnica-Regular.eot');
	src: url('/fonts/NeueHaasUnica/NeueHaasUnica-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/NeueHaasUnica/NeueHaasUnica-Regular.woff2') format('woff2'),
		 url('/fonts/NeueHaasUnica/NeueHaasUnica-Regular.woff') format('woff'),
		 url('/fonts/NeueHaasUnica/NeueHaasUnica-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'NeueHaasUnica-Bold';
	font-display: swap;
	src: url('/fonts/NeueHaasUnica/NeueHaasUnica-Bold.eot');
	src: url('/fonts/NeueHaasUnica/NeueHaasUnica-Bold.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/NeueHaasUnica/NeueHaasUnica-Bold.woff2') format('woff2'),
		 url('/fonts/NeueHaasUnica/NeueHaasUnica-Bold.woff') format('woff'),
		 url('/fonts/NeueHaasUnica/NeueHaasUnica-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'NeueHaasUnica-Light';
	font-display: swap;
	src: url('/fonts/NeueHaasUnica/NeueHaasUnica-Light.eot');
	src: url('/fonts/NeueHaasUnica/NeueHaasUnica-Light.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/NeueHaasUnica/NeueHaasUnica-Light.woff2') format('woff2'),
		 url('/fonts/NeueHaasUnica/NeueHaasUnica-Light.woff') format('woff'),
		 url('/fonts/NeueHaasUnica/NeueHaasUnica-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'FontAwesome';
	font-display: swap;
	src: url('/fonts/Awesome/fontawesome.eot');
	src: url('/fonts/Awesome/fontawesome.eot?#iefix') format('embedded-opentype'),
		 url('/fonts/Awesome/fontawesome.woff2') format('woff2'),
		 url('/fonts/Awesome/fontawesome.woff') format('woff'),
		 url('/fonts/Awesome/fontawesome.ttf') format('truetype'),
		 url('/fonts/Awesome/fontawesome.svg#svgFontName') format('svg');
}

.boxText {
  font: normal 11px Arial, sans-serif;
}
.errorBox {
  font: bold 12px Verdana, Arial, sans-serif;
  color: #000000;
  background: #d5d5d5;
  border: 1px solid #e3ad00; 
  border-radius: 5px; 
}
.stockWarning {
  font: normal 10px Verdana, Arial, sans-serif;
  color: #cc0033;
}
.productsNotifications {
  background: #f2fff7;
}

img {
	max-width: 100%;
}

iframe {
	max-width: 100%;
}

body {
	background-color: rgb(37,37,37);
	color: #000000;
	margin: 0px;
}

A
{
	color: #333333;
	text-decoration: none;
}

A:hover
{
	color: #495B8D;
	text-decoration: underline;
}

FORM {
  display: inline;
}

.header-container {
  width: 100%;
}

.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0;
  background: #ffffff;
}

.header-logo {
  display: flex;
  align-items: center;
}

.header-icons {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.header-icons a {
  margin: 0 5px;
}

.headerNavigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1px;
  background: #bbc3d3;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
}

.header-breadcrumb {
  padding-left: 6px;
}

.header-nav-links {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 6px;
}

a.headerNavigation {
  color: #FFFFFF;
  text-decoration: none;
}

a.headerNavigation:hover {
  color: #ffffff;
  text-decoration: underline;
}

.headerError {
  width: 100%;
  background: #ff0000;
  padding: 2px 0;
}

.headerError-content {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: 8px 2px;
}

.headerInfo {
  width: 100%;
  background: #00ff00;
  padding: 2px 0;
}

.headerInfo-content {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding: 8px 2px;
}

@media (max-width: 768px) {
  .header {
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
  }
  
  .headerNavigation {
    flex-direction: column;
    gap: 10px;
    text-align: center;
    padding: 10px 0;
  }
  
  .header-breadcrumb,
  .header-nav-links {
    padding: 0;
  }
  
  .header-nav-links {
    flex-wrap: wrap;
    justify-content: center;
  }
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {

}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;

  color: #333333;

}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.productListing-odd {
  background-color: #f8f8f9 transparent;
}

TR.productListing-even {
  background-color: #ffffff transparent;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even,  TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

}

TABLE.productListing {

}

.productListing-heading {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;

  color: #333333;
  background: #cccccc;

  height: 25px;
  padding: 3px;
}

.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
}

TD.productListing-data1 {
  font-family: Verdana;
  font-size: 12px;
}

A.pageResults {
  color: #333333;
}

A.pageResults:hover {
  color: #0000FF;
  background: #cccccc;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana;
  font-size: 18px;
  color: #54638A;
}

TD.pageHeading1, DIV.pageHeading1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 24px;
  text-align: center;
  font-weight: 500;
  color: #ef8f16;
}

TD.pageHeading2, DIV.pageHeading2 {
  font-family: Verdana;
  font-size: 18px;
  font-weight: bold;
  color: #ef8f16;
}

TD.pageHead {
  font-family: Verdana, Arial, sans-serif;
  font-size: 24px;
  text-align: center;
  font-weight: 500;
  color: #3399ff;
  vertical-align: middle;
  padding: 3px;
}

TD.pageHeadingDescription {
  font-family: Verdana;
  font-size: 18px;
  font-weight: bold;
  color: #54638A;
}

TD.pageHeadingProduct, DIV.pageHeadingProduct {
  font-family: Verdana;
  font-size: 20px;
  font-weight: bold;
  color: #473d31;
}

TD.pageHeadingPrice, DIV.pageHeadingPrice {
  font-family: Verdana;
  font-size: 30px;
  font-weight: normal;
  color: #c95045;
}

TR.subBar {
  background: #FEEDD1;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main0, P.main0 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.main1, P.main1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

TD.main2, P.main2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  background-color: #ffba00;
  line-height: 1.5;
}

.main_login {
  background-color: #FFD360;
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px 0px;
}

TD.paypalConfirmationText {
	width: 100%;
	font-family: pragmatica;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	BACKGROUND-COLOR: #D40000;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 5px;
	box-shadow: 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}

TD.orderDeliveryAddress {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.smallText0, SPAN.smallText0, P.smallText0 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 8px;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.smallText1, SPAN.smallText1, P.smallText1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.smallText2, SPAN.smallText2, P.smallText2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

.greetUser {
display:flex;
align-items:center;
justify-content:flex-start;
font:bold calc(.7rem + .1vmax) Verdana,Arial,sans-serif;
color:#FFCB65
}

TABLE.formArea {
  /*background: #fbefe1;*/
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.productSpecialPriceOLD {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 18px;
}

SPAN.productSpecialPriceNEW {
  font-family: Verdana, Arial, sans-serif;
  color: #FF0000;
  font-size: 28px;
}

SPAN.productSpecialPriceOLD_sm {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 10px;
}

SPAN.productSpecialPriceNEW_sm {
  font-family: Verdana, Arial, sans-serif;
  color: #c92733;
  font-size: 15px;
  font-weight: bold;
}

.productPriceORIGINAL_sm
{
	font-family: NeueHaasUnica-Regular;
	color: #c92733;
	font-size: 22px;
	font-weight: 300;
}

SPAN.productSpecialPriceNEW_sm1 {
  font-family: Verdana, Arial, sans-serif;
  color: #380b0f;
  font-size: 18px;
  font-weight: bold;
}

SPAN.productPriceORIGINAL_sm1 {
  font-family: Verdana, Arial, sans-serif;
  color: #380b0f;
  font-size: 18px;
  font-weight: bold;
}

SPAN.productPriceORIGINAL {
  font-family: Verdana, Arial, sans-serif;
  color: #FF0000;
  font-size: 28px;
}

SPAN.productSpecialPriceOLD1 {
  font-family: Arial;
  color: #ffffff;
  font-size: 25px;
  font-weight: normal;
}

SPAN.productSpecialPriceNEW1 {
  font-family: Verdana, Arial, sans-serif;
  color: #252b39;
  font-size: 25px;
  font-weight: bold;
}

SPAN.productOriginalPriceNEW {
  font-family: Verdana, Arial, sans-serif;
  color: #ffffff;
  font-size: 25px;
  font-weight: bold;
}

.addQuantity {
  font-family: Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow
{
}
.moduleRowOver
{
	background-color: transparent;
	cursor: pointer;
	cursor: hand;
	
	display: inline-block;
	width: 100%;
	border: 2px solid #eda33e;
	border-radius: 10px;
	margin: -2px;
}

.moduleRowOver_address_book
{
	background-color: #eda33e;
	cursor: pointer;
	
	/*display: inline-block;*/
	display: table-cell;
	width: 100%;
	/*border: 2px solid #eda33e;*/
	border-radius: 10px;
}

.moduleRowOverBold
{
	background-color: #ccc;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
}
.moduleRowSelected
{
	background-color: #eaeaea;
	display: inline-block;
	width: 100%;
	border: 2px solid #eda33e;
	border-radius: 8px;
	margin: -2px;
}
.moduleRowSelectedBold
{
	background-color: #ccc;
	font-weight: bold;
}

.checkoutBarFrom, .checkoutBarTo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #8c8c8c;
}
.checkoutBarCurrent {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

/* message box */

.messageBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.messageStackError, .messageStackWarning {
  font: bold 12px Verdana, Arial, sans-serif;
  color: #000000;
  background: #ffb6b6;
}
.messageStackSuccess {
  font: normal 12px Verdana, Arial, sans-serif;
  background-color: #99ff00;
}

/* input requirement */

.inputRequirement {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #b6b7cb;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 1px solid #b6b7cb;
  border-bottom: 1px solid #b6b7cb;
  padding: 4px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #f8f8f9;
}

TR.linkListing-even {
  background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */

/* DWD Contribution -> Add: Browse by Categories. */

UL.BrowseBy {
  list-style-type: disc;
  list-style-position: inside;

  list-style: none;
  margin-left: 1em;
  padding-left: 2em;
  text-indent: -1em;
}
/* UL.BrowseBy */

LI.BrowseBy {

}
/* LI.BrowseBy */

/* DWD Contribution End. */

.box{

  font-family: Verdana;
  font-size: 14px;
  color: #636675;
}
.box a:link {
  color: #636675;
  text-decoration: none ;
}
.box a:visited {
  color: #636675;
  text-decoration: none;
}
.box a:hover {
  color: #333333;
  text-decoration: none ;
}
.org1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #E1740F;
}
.org2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #E1740F;
}
.org3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #E1740F;
}
.tx1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
}
.tx2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}

.productColName {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

.price {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #C95045;
}

.price2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #C95045;
}

.price_product_listing_col {
  font: normal 19px pragmatica;
  color: #DA1200;
}

.price_product_listing_old {
  font: normal 14px arial;
  color: #333;
  text-decoration:line-through
}

.price_product_listing_new {
  font: normal 18px pragmatica;
  color: #DA1200;
}

.bbrd2 {
  border: 1px solid #cccccc;
}

.ct {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
}

.ct2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #4D91D0;
}

A.ct {
  color: #4D91D0;
}

A.ct:hover {
  color: #333333;
  text-decoration: none;
}

.top{
  height: 30px;
}

.wt {
  font: normal 12px Verdana;
  color: #FFFFFF;
}

.wt2 {
  font-family: Verdana;
  font-size: 12px;
  color: #333333;
  text-decoration: none;
}

A.wt2 {
  text-decoration: none!important;
}

A.wt2:hover {
  font-weight: bold;
  font-size: 13px;
  color: #ec7428;
  font-family: Verdana;
}

.or {
  font-family: Verdana;
  font-size: 12px;
  color: #3E4A7A;
  text-decoration: none;
}

.wt3 {
  font-family: Verdana;
  font-size: 14px;
  color: #e2e2e2;
  font-weight: bold;
  text-decoration: none;
}

.breadcrumb {
  color: inherit;
  text-decoration: none;
}

A.breadcrumb:hover {
  color: inherit;
  text-decoration: underline;
}

.wtzzz1 {
  font-family: Verdana;
  font-size: 14px;
  color: #333333;
  text-decoration: none;
}

A.wtzzz1:hover {
  font-weight: bold;
  font-size: 14px;
  color: #3b393c;
  font-family: Verdana;
}

TD.orderConfirm, P.orderConfirm
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background-color: #f7c881;
  padding: 6px;
  vertical-align: middle;
}

TD.orderConfirm1, P.orderConfirm1
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  background-color: #f7c881;
  padding: 1px;
  vertical-align: middle;
}

TD.orderConfirm2, P.orderConfirm2
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background-color: #ffffff;
  padding: 1px;
  vertical-align: middle;
}

TD.orderConfirmation, P.orderConfirmation
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 1px;
  vertical-align: middle;
}

TD.paypalConfirmationText
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  color: #ffffff;
}

TD.orderDeliveryAddress
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background: #f7e8d1;
  color: #000000;
  padding: 5px;
}

TD.orderDeliveryMethod
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background: #f7e8d1;
  color: #000000;
  padding: 5px;
}

TD.orderConfirmProduct
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 15px;
  font-weight: normal;
  background: #cccccc;
  color: #000000;
}

.productConfirmationTotal
{
  font-family: Tahoma, Arial, sans-serif;
  color: #000000;
  font-size: 15px;
  font-weight: normal;
  padding: 3px;
  vertical-align: middle;
}

TD.fieldTxt1, P.fieldTxt1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  padding: 1px;
  vertical-align: middle;
}

TD.fieldTxt2, P.fieldTxt2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 1px;
  vertical-align: middle;
}

TD.fieldTxtPayment, P.fieldTxtPayment
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 1px;
  vertical-align: middle;
}

.PasswordForgotten 
{
  font: normal 12px Verdana, Arial, sans-serif;
  color: #383455;
}

.radiusCategoryImage {
  border-radius: 7px;

  box-shadow: inset 0 0 2px rgba(0,0,0,.8),
  inset 0 2px 0 rgba(255,255,255,.5),
  inset 0 -3px 0 rgba(0,0,0,.6),
  inset 0 -6px 0 rgba(255,255,255,.3);
}

.radiusProductImage {
  border-radius: 7px;
 
  box-shadow: inset 0 0 3px rgba(0,0,0,.8),
  inset 0 2px 0 rgba(255,255,255,.5),
  inset 0 -6px 0 rgba(255,255,255,.3);
}

.also_purchased_price {
  background-color: rgb(209, 117, 27);
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding: 7px 12px 7px 12px;
  border-radius: 12px;
  box-shadow: 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
.also_purchased_price::before {
  background-color: #fff;
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  left: 6px;
  top: 4px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow: inset 0px 1px 1px #999;
}
.also_purchased_price::after {
  background-color: #fff;
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  right: 6px;
  top: 4px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow: inset 0px 1px 1px #999;
}

.also_purchased_price_regular_font {
  font-family: Tahoma, Arial, sans-serif;
  color: #f1f1f1;
  font-size: 20px;
  font-weight: normal;
  text-shadow: -1px 0px #434244, 0px -1px #434244, 1px 0px #434244, 0px 1px #434244, -1px -1px #434244, 1px 1px #434244, -1px 1px #434244, 1px -1px #434244, 1px 0px 4px #434244, 0px 0px 2px #434244, 0px 0px 3px #434244, 0px 0px 2px #434244, 0px 0px 3px #434244, 0px 0px 4px #434244, 0px 0px 4px #434244, 0px 0px 4px #434244, 0px 0px 4px #434244, 0px 0px 4px #434244;
}

.ProductImageName {
  display: inline-block;
  position: relative;
}
.ProductImageName:hover::after {
  content: attr(data-title);
  position: absolute;
  left: 101%;
  top: 0%;
  white-space: nowrap;
  z-index: 1;
  background: rgba(255,255,230,0.5);
  color: rgb(0, 0, 0);
  font-family: Arial, sans-serif;
  font-size: 11px;
  padding: 5px 10px;
  border: 1px solid #333;
  border-radius: 3px;
}

.infoBoxTop {
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(#fd9e3a,#bc3526);
font:normal calc(.8rem + .1vmax) NeueHaasUnica-Light,Arial,sans-serif;
text-transform:uppercase;
letter-spacing:1.25px;
color:#fff;
text-shadow:1px 1px rgba(0,0,0,.6);
border-top-left-radius:5px;
border-top-right-radius:5px
}

.infoBoxBottom {
background:rgb(79,79,79);
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
padding:5px !important
}

.topMainPageBlock {
  height: 35px;
}
.topMainPageBlock:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}	
	
.topMainPageText {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: center;
  font: bold 15px pragmatica;
  color: #565557;  
}

.bestsellerPriceTxt
{
	font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
}
.bestsellerPriceTxt:link
{
	color: #fff;
	text-decoration: none;
}
.bestsellerPriceTxt:visited
{
	color: #fff;
	text-decoration: none;
}
.bestsellerPriceTxt:hover
{
	color: #FECD67;
	text-decoration: none;
}

.bestsellerPrice
{
	background-color: rgb(214 145 55);
	font: normal 14px NeueHaasUnica-Light;
	text-decoration: none;
	color: #fff;
	text-shadow: #5B5151 1px 0px, #5B5151 1px 1px, #5B5151 0px 1px, #5B5151 -1px 1px, #5B5151 -1px 0px, #5B5151 -1px -1px, #5B5151 0px -1px, #5B5151 1px -1px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px;
	position: relative;
	padding: 3px 5px;
	border-radius: 7px;
	box-shadow: 1px 2px 0px #4D3C5D, 1px 2px 4px #999;
}

.articlesTxt {
font:normal calc(.6rem + .1vmax) NeueHaasUnica-Light,Tahoma,Arial,Helvetica,sans-serif;
}
.articlesTxt a {
color:rgb(255,238,121);
text-decoration:none
}
.articlesTxt a:hover {
color:#F0F0F0
}

.categoryTxt {
  font: normal 18px Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
  color: #ffffff;
  text-decoration: none;
}
A.categoryTxt {
  text-decoration: none!important;
}
A.categoryTxt:hover {
  font-size: 18px;
  color: #FECD67;
  font-weight: bold;
}

.categoryTxtSm {
  font: normal 15px Verdana, sans-serif;
  color: #ffffff;
  text-decoration: none;
}
A.categoryTxtSm {
  text-decoration: none!important;
}
A.categoryTxtSm:hover {  
  color: #fda656;
}

.also_purchased_header{
	display: flex;
	justify-content: center;
	align-items: center;	
	padding: 10px;
	position: relative;
	
	font: normal 15px Tahoma, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #eceaea;
    text-shadow: 0 1px rgb(0 0 0 / 80%);
    border-radius: 3px 3px 0px 0px;
	
	margin: 0px -3px;
	background: #5c5c5c;
	background-image: linear-gradient(180deg, #ff7e00, #5f5f5f);
	box-shadow: 0 2px 0 rgba(0,0,0,.3);
}

.also_purchased_header:before, .also_purchased_header:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
	bottom: -10px;
}

.also_purchased_header:before
{
	border-width: 0 10px 10px 0;
	border-right-color: #222;
	left: 0;
}

.also_purchased_header:after
{
	border-width: 0 0 10px 10px;
	border-left-color: #222;
	right: 0;
}

.we_also_recommend
{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	position: relative;
	
	font: normal 15px Tahoma, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #eceaea;
    text-shadow: 0 1px rgb(0 0 0 / 80%);
    border-radius: 3px 3px 0px 0px;
	
	margin: 0px -3px;
	background: #5c5c5c;
	background-image: linear-gradient(180deg, #ff7e00, #5f5f5f);
	box-shadow: 0 2px 0 rgba(0,0,0,.3);
}
.we_also_recommend:before, .we_also_recommend:after
{
	content: '';
	position: absolute;
	border-style: solid;
	border-color: transparent;
	bottom: -10px;
}
.we_also_recommend:before
{
	border-width: 0 10px 10px 0;
	border-right-color: #222;
	left: 0;
}
.we_also_recommend:after
{
	border-width: 0 0 10px 10px;
	border-left-color: #222;
	right: 0;
}

.headingDescription{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	position: relative;
	
	font: normal 18px Tahoma, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #eceaea;
    text-shadow: 0 1px rgb(0 0 0 / 80%);
    border-radius: 3px 3px 0px 0px;
	
	margin: 0px -3px;
	background: #5c5c5c;
	background-image: linear-gradient(0deg, #ff7e00, #5f5f5f);
	box-shadow: 0 2px 0 rgba(0,0,0,.3);
}

.headingDescription:before, .headingDescription:after
{
  content: '';
  position: absolute;
  border-style: solid;
  border-color: transparent;
  bottom: -10px;
}

.headingDescription:before
{
  border-width: 0 15px 10px 0;
  border-right-color: #222;
  left: 0;
}

.headingDescription:after
{
  border-width: 0 0 10px 15px;
  border-left-color: #222;
  right: 0;
}

.AccFieldTxt1
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  padding: 1px;
  vertical-align: middle;
}

.AccFieldTxt2
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 1px;
  vertical-align: middle;
}
.AccFieldTxt2 a:hover
{
  text-decoration: underline;
  color: #495B8D;
}

.LogOutTxt
{
  padding-left: 1px;
  font-family: Verdana,Arial,sans-serif;
  font-size: 9px;
  color: #ffffff;
  vertical-align: middle;
}
.LogOutTxt a:hover
{
  text-decoration: underline;
  color: #ffffff;
}

.productListingCartHeading
{
  font-family: Tahoma, Arial, sans-serif;
  background: #cccccc;
  color: #25203c;
  font-size: 15px;
  font-weight: bold;
  padding: 3px;
}

.productListingCartHeading1
{
  font-family: Tahoma, Arial, sans-serif;
  background: #cccccc;
  color: #25203c;
  font-size: 12px;
  font-weight: bold;
  padding: 3px;
}

.productListingSubTotal
{
  font-family: Tahoma, Arial, sans-serif;
  /*background: #ffffff;*/
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  padding: 3px;
  vertical-align: middle;
}

.productListingTotalTxt
{
  font-family: Tahoma, Arial, sans-serif;
  /*background: #ffffff;*/
  color: #000000;
  font-size: 18px;
  font-weight: normal;
  padding: 3px;
  vertical-align: middle;
}

.productShippingDetails
{
  font-family: Tahoma, Arial, sans-serif;
  /*background: #ffffff;*/
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  padding: 3px;
  vertical-align: middle;
}

.cart_empty {
font:normal calc(.9rem + 0.1vmax) Verdana,Arial,sans-serif;
padding:15px 10px;
line-height:30px;
background:radial-gradient(at 50% 50%, #fbcc86 20%, #fbcc86 30%, #fff 70%)
}

.page_empty {
font:normal calc(.85rem + .1vmax) Verdana,Arial,sans-serif;
padding:5px;
background:radial-gradient(at 50% 50%, #fbcc86 20%, #fbcc86 30%, #fff 70%)
}

.orders_empty {
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font:normal calc(.9rem + 0.1vmax) pragmatica;
padding:10px;
margin-top:20px;
line-height:30px;
background:radial-gradient(at 50% 50%, #fbcc86 20%, #fbcc86 30%, #fff 70%)
}

.button1 {
display:flex;
justify-content:center;
align-items:center;
padding:3px 8px 4px;
cursor:pointer;
box-sizing:content-box;
box-shadow:0 1px 2px rgba(0,0,0,.5);
text-decoration:none;
font:normal bold calc(.88rem + .1vmax) Calibri,Helvetica,Arial,sans-serif;
text-shadow:#faf4c0 1px 1px 3px;
border:solid 1px #000;
border-radius:5px
}

.button1:hover {
text-decoration:none
}

.button1:active {
position:relative;
top:1px
}

.orange1 {
color:#110C08;
background:linear-gradient(to bottom,#f9b042,#ba6d2e)
}

.orange1:hover {
color:#110C08;
background:linear-gradient(to top,#f9b042,#ba6d2e)
}

.orange1:active {
color:#110C08;
background:linear-gradient(to top,#f9b042,#ba6d2e)
}

/*CheckoutArrow section*/
.CheckoutArrowCurrent {
position:relative;
display:flex;
justify-content:center;
align-items:center;
gap:8px;
min-height:40px;
padding-left:5px;
border:2px solid #555;
font:normal calc(.9rem + .1vw) NeueHaasUnica-Bold,Verdana,Arial,sans-serif;
color:#000;
text-shadow:0 1px rgba(177,177,177,0.8);
background:#f9b042;
background: -webkit-linear-gradient(left, #f9b042 0%, #ba6d2e 50%, #f9b042 100%);
background: linear-gradient(to right, #f9b042 0%, #ba6d2e 50%, #f9b042 100%);
}

.CheckoutArrowCurrent:after,.CheckoutArrowCurrent:before {
position:absolute;
left:100%;
top:50%;
content:" ";
z-index:2;
}

.CheckoutArrowCurrent:after {
margin-top:-20px;
border-top:20px solid transparent;
border-bottom:20px solid transparent;
border-left:25px solid #F9B042;
}

.CheckoutArrowCurrent:before {
margin-top:-20px;
border-top:20px solid transparent;
border-bottom:20px solid transparent;
border-left:25px solid #555;
margin-left:3px;
z-index:1;
}

.CheckoutArrowNext {
position:relative;
display:flex;
justify-content:center;
align-items:center;
gap:8px;
min-height:40px;
padding-left:12px;
margin-left:-3px;
background:#EAEAEA;
border:2px solid #555;
color:#000;
font:normal calc(.9rem + .1vw) NeueHaasUnica-Regular,Verdana,Arial,sans-serif;
}

.CheckoutArrowNext:after,.CheckoutArrowNext:before {
position:absolute;
left:100%;
top:50%;
content:" ";
z-index:2;
}

.CheckoutArrowNext:after {
margin-top:-20px;
border-top:20px solid transparent;
border-bottom:20px solid transparent;
border-left:25px solid #EAEAEA;
}

.CheckoutArrowNext:before {
margin-top:-20px;
border-top:20px solid transparent;
border-bottom:20px solid transparent;
border-left:25px solid #555;
margin-left:3px;
z-index:1;
}

.CheckoutArrowProcessed {
position:relative;
display:flex;
justify-content:center;
align-items:center;
gap:5px;
padding:0 2px;
min-height:40px;
border:1px solid #999;
background:#EAEAEA;
color:#000;
font:normal calc(.9rem + .1vw) NeueHaasUnica-Regular,Verdana,Arial,sans-serif;
transition: all 0.3s ease;
}

.CheckoutArrowProcessed:hover {
border:2px solid #eaa748;
color:#2d2d2d;
background:#f3f3f3;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.CheckoutArrowLast {
position:relative;
display:flex;
justify-content:center;
align-items:center;
gap:8px;
min-height:40px;
padding-left:12px;
margin-left:-3px;
background:#EAEAEA;
border:2px solid #555;
border-right:0;
color:#000;
font:normal calc(.9rem + .1vw) NeueHaasUnica-Regular,Verdana,Arial,sans-serif;
}

.CheckoutArrowLastActive {
position:relative;
display:flex;
justify-content:center;
align-items:center;
gap:8px;
min-height:40px;
border:2px solid #555;
border-right:0;
color:#000;
font:normal calc(.9rem + .1vw) NeueHaasUnica-Bold,Verdana,Arial,sans-serif;
text-shadow:1px 1px rgba(177,177,177,0.8);
background:#f9b042;
background: -webkit-linear-gradient(left, #f9b042 0%, #ba6d2e 50%, #f9b042 100%);
background: linear-gradient(to right, #f9b042 0%, #ba6d2e 50%, #f9b042 100%);
}

@media (max-width: 799px) {
	[style*="grid-template-columns:repeat(4,1fr)"] {
		grid-template-columns: 1fr !important;
		gap: 1px !important;
		margin: 1px;
	}
	
	.CheckoutArrowCurrent,
	.CheckoutArrowNext,
	.CheckoutArrowProcessed,
	.CheckoutArrowLast,
	.CheckoutArrowLastActive {
		border-radius: 5px;
		padding: 1px 5px !important;
		margin-left: 0 !important;
		border: 2px solid #555 !important;
	}
	
	.CheckoutArrowCurrent:after,
	.CheckoutArrowCurrent:before,
	.CheckoutArrowNext:after,
	.CheckoutArrowNext:before {
		display: none;
	}
}

.CheckoutArrowProcessed:focus {
	outline: 1px solid #f9b042;
	outline-offset: 0px;
}

.CheckoutArrowCurrent:focus {
	outline: 1px solid #000;
	outline-offset: 0px;
}

@media (prefers-reduced-motion: no-preference) {
	.CheckoutArrowProcessed {
		transition: all 0.2s ease;
	}
	
	.CheckoutArrowProcessed:hover {
		transition: all 0.1s ease;
	}
}

@media (prefers-color-scheme: dark) {
	.CheckoutArrowNext,
	.CheckoutArrowLast {
		background: #444;
		color: #fff;
		border-color: #666;
	}
	
	.CheckoutArrowProcessed {
		background: #444;
		color: #fff;
		border-color: #666;
	}
	
	.CheckoutArrowProcessed:hover {
		background: #555;
		color: #fff;
	}
}
/*CheckoutArrow section*/

.price_product_info {
  background-color: rgba(165, 58, 0, 0.94);
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  position: relative;
  padding: 5px 10px 5px 15px;
  border-radius: 12px;
  box-shadow: 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
.price_product_info::before {
  background-color: #fff;
  content: "";
  width: 5px;
  height: 5px;
  position: absolute;
  left: 6px;
  top: 6px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.15);
  box-shadow: inset 0px 1px 1px #999;
}

SPAN.newProductPriceList
{
  font-family: pragmatica;
  font-size: 29px;
  font-weight: 500;
  padding-left: 5px;
  padding-right: 5px;  
  color: #FFFFFF;
  text-shadow: -1px 0px #434244, 0px -1px #434244, 1px 0px #434244, 0px 1px #434244, 
  			   -1px -1px #434244, 1px 1px #434244, -1px 1px #434244, 1px -1px #434244, 
  			   1px 0px 4px #434244, 0px 0px 2px #434244, 0px 0px 3px #434244, 0px 0px 2px #434244, 0px 0px 3px #434244;
}

.pageHeadingTop {
  font-family: Verdana,Arial,sans-serif;
  font-size: 24px;
  text-align: center;
  font-weight: 500;
  color: #39F;
}

.totalDisplaying
{  
  color: rgba(0, 0, 0, 1);
  background-color: rgba(195, 195, 195, 0.58);
  padding: 3px 5px;
  margin-left: 3px;
  border-radius: 3px;
  box-shadow: inset 0px 1px 0px #9E8D84, 0px 2px 0px 0px #322620, 0px 3px 5px #999;
}

.totalProducts
{  
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);  
  padding: 3px 3px;
  border-radius: 3px;
  box-shadow: inset 0px 1px 0px #9E8D84, 0px 2px 0px 0px #322620, 0px 3px 5px #999;
}

.buttonPageActive
{
  display: grid;
  width: 27px;
  height: 27px;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  justify-items: center;

  font: bold 16px Trebuchet MS, pageResNumbers, Verdana, Arial, sans-serif;
  color: #000;
  text-decoration: none;
  position: relative;
  background-color: rgba(199, 201, 206, 1);
  border-radius: 2px;
  box-shadow: inset 0px 1px 0px #9E8D84, 0px 1px 0px 0px #322620, 0px 3px 5px #999;
  border: 1px solid #9C0842;
}

.buttonPageNotActive
{
  display: grid;
  width: 23px;
  height: 23px;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: center;
  justify-items: center;	
	
  font: normal 14px Trebuchet MS, sans-serif;
  color: #9C0842;
  text-decoration: none;
  position: relative;
  background-color: rgba(237, 237, 237, 1);
  border-radius: 2px;
  box-shadow: inset 0px 1px 0px #9E8D84, 0px 2px 0px 0px #322620, 0px 3px 5px #999;
}

.DispPAGEtxt
{
  font: normal 15px Trebuchet MS, pageResNumbers, Verdana, Arial, sans-serif;  
  color: #000;
}

.displayPageText
{
  font: normal 15px Trebuchet MS, Arial, sans-serif;
  color: #000;
}

.OrderQtyTxt
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  padding-right: 3px;
}

.productMinQTY
{
  font: normal 10px Arial, sans-serif;
  color: #fff;
  background: #663300;    
}

.MyInfoText
{
	position: relative;
	width: 100%;
	height: 40px;
	
	font: normal 15px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,.8);

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	background: -moz-radial-gradient(center, circle cover, #de675a, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);
	background: -webkit-radial-gradient(center, circle cover, #DE675A, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);
	background: -o-radial-gradient(center, circle cover, #DE675A, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);
	background: -ms-radial-gradient(center, circle cover, #DE675A, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);
	background: radial-gradient(center, circle cover, #DE675A, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);
}
.MyInfoText::after
{
	background-color: #7d7c7e;
	
	content: "";

	top: 40px;
	left: 0px;
		
	position:absolute;
	width:100%;
	height:1px;	
}

.InfoPageText
{
	display: inline-block;
	position:relative;
	width:100%;
	height:40px;
	line-height:40px;
	
	margin-top:0px;
	margin-left:0px;	
	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #ffffff;
	text-shadow: 0 1px rgba(0,0,0,.8);

	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	background: -moz-radial-gradient(center, circle cover, #de675a, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);
	background: -webkit-radial-gradient(center, circle cover, #DE675A, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);
	background: -o-radial-gradient(center, circle cover, #DE675A, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);
	background: -ms-radial-gradient(center, circle cover, #DE675A, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);
	background: radial-gradient(center, circle cover, #DE675A, #c64529, #DD7D59, #db672f, #f69338, #f99739, #fa9939, #FDB05B);	
}
.InfoPageText::after
{
	display: inline;
	position:absolute;
	width:100%;
	height:1px;
	content: "";
	top: 40px;
	left: 0px;
	background-color: #fff;
}

.how2order_point {
margin:3px;
padding:5px;
border-radius:6px;
border:1px solid #6c6457;
box-shadow:0 1px 0 0 #4B210C,0 2px 1px #999;
background-color:rgba(246,179,77,0.5)
}

.how2order_point:hover {
cursor:pointer
}

.how2order_point:active {
position:relative;
top:1px
}

.how2order_txt {
display:flex;
justify-content:center;
align-items:center;
width:45px;
height:45px;
font:normal 36px arial;
background-color:#545454;
color:#fff;
border-radius:100%;
padding:3px
}

.how2order_header {
font:bold calc(1.6rem + .1vmax) pragmatica_pn;
text-decoration:underline
}

.how2order_header_txt {
font:normal calc(.9rem + .1vmax) pragmatica_pd;
}

.security_contact_us {
background:#f9b042;
background:-webkit-gradient(linear,left top,left bottom,from(#f9b042),to(#ba6d2e));
background:-moz-linear-gradient(top,#f9b042,#ba6d2e);
padding:2px 3px;
border:1px solid #000;
border-radius:5px;
color:#000
}

.security_contact_us:hover {
text-decoration:none
}

.security_contact_us:active {
position:relative;
top:1px
}

.delivery_period_info {
display:flex;
align-items:center;
justify-content:flex-end;
min-width:55px;
font:bold calc(.7rem + .1vmax) pragmatica;
padding:15px 3px 15px 6px;
border:1px solid #bcf;
border-radius:3px;
background-color:#f5f4f3
}

.delivery_country_flag_info {
display:flex;
flex-direction:row;
flex-flow:wrap;
justify-content:flex-start;
align-items:center;
gap:2px
}

.bgrd_infopage
{
	background-color: #f9d8ac;
	padding: 2px 3px;
	border: 1px solid #C5BAAC;
	border-radius: 5px;
}
.bgrd_infopage:hover
{
  text-decoration: none;
}

.loc_infopage
{
	background-color: #f7f7f7;
	padding: 2px 3px;
	border: 1px solid #bbccff;
	border-radius: 5px;
	color: #3366ff;
	text-decoration: underline;
}

.ask_infopage {
background-color:#e42929;
padding:2px 3px;
border:1px solid #C5BAAC;
border-radius:5px;
color:#fff;
}

.block_infopage
{	
	line-height: 2.0;
	text-align: left;
}

.tracking_button
{
	display: table-cell;
	width: 20px;
	height: 20px;
	margin: 3px;
	padding: 5px;
	border-radius: 6px;
	border-color: #6c6457;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 1px 0px 0px #4B210C, 0px 2px 1px #999;
}
.tracking_button:hover
{
	cursor: pointer;
}
.tracking_button:active
{
	position: relative;
	top: 1px;
}

.MyHeaderTextWrapper {
	display: grid;
	grid-template-columns: 1fr;
	grid-auto-rows: auto;
	align-items: center;
	justify-content: normal;
	justify-items: normal;
	grid-gap: 0px;
}
.MyHeaderTextMain {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 10px;
	min-height:42px;
	font: normal calc(.78rem + .1vmax) Tahoma,Arial,sans-serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #fff;
	text-shadow: 0 1px rgba(0,0,0,.8);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: radial-gradient(circle at 50% 50%,#DE675A,#c64529,#DD7D59,#db672f,#f69338,#f99739,#fa9939,#FDB05B);	
}
.MyHeaderTextSeparate {
	background-color: #272c3c;
	padding: 1px;
}

.radiusOrderHisInf
{
	border: 2px solid #2F1E02;
	border-radius: 10px;
	background: #F7F7F7;
	background: linear-gradient(#F7F7F7, #d7d7d7);
}

.OrderHistoryDate
{
	font: bold 11px Verdana, Arial, sans-serif;
	padding: 3px 2px;
	white-space: nowrap;
    border-left: 2px solid red;
    border-top: 2px solid red;
    border-right: 2px solid red;
}

.OrderHistoryStatus
{
	font: bold 11px Verdana, Arial, sans-serif;
	text-align: center;
	padding: 4px 2px;
	white-space: nowrap;
	color: #fff;
	background: red;	
}

.OrderHistoryTxt
{
	font: normal 16px pragmatica;
}

.question_sent {
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font:normal calc(.85rem + .1vmax) Verdana,Arial,sans-serif;
	padding:20px 10px;
	background:radial-gradient(at 50% 50%, #fbcc86 20%, #fbcc86 30%, #fff 70%)
}

.module_payment_wrapper
{
	display: flex; 
    align-items: center;
    justify-content: flex-start;
    width: 100%;
	height: 40px;
}
.module_payment_icon
{
	width: 36px;
	height: 32px;
	margin: 4px 0px;
	/* background-image: url(/images/visa-mastercard-icon.png); */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.module_payment_text
{
	padding-left: 4px;
	font: normal 15px verdana, arial;
}


.custom-radio {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.custom-radio+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
}
.custom-radio+label::before {
	content: '';
	display: inline-block;
	width:var(--custom_radio_width_value, 16px);
	height:var(--custom_radio_height_value, 16px);
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	border-radius: 50%;
	margin-left:var(--custom_radio_margin_left_value, 0px);
	margin-right:var(--custom_radio_margin_right_value, 0px);
	margin-top: 2px;
	margin-bottom: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	cursor: pointer;
}
.custom-radio:not(:disabled):not(:checked)+label:hover::before {
	border-color: #b3d7ff;
}
.custom-radio:not(:disabled):active+label::before {
	background-color: #b3d7ff;
	border-color: #b3d7ff;
}
.custom-radio:focus+label::before {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-radio:focus:not(:checked)+label::before {
	border-color: #80bdff;
}
.custom-radio:checked+label::before {
	border: 1px solid #ea921a;
	background-color: var(--custom_radio_checked_background_color, #eda33e);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='4' fill='%23503107'/%3e%3c/svg%3e");
}
.custom-radio:disabled+label::before {
	background-color: #e9ecef;
}


.product_info_price
{
	background-color: #DA8427;
	font-family: NeueHaasUnica-Bold;
	font-size: 28px;
	font-weight: normal;
	white-space: nowrap;
	text-decoration: none;
	color: #fff;
	text-shadow: #5B5151 1px 0px, #5B5151 1px 1px, #5B5151 0px 1px, #5B5151 -1px 1px, #5B5151 -1px 0px, #5B5151 -1px -1px, #5B5151 0px -1px, #5B5151 1px -1px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px;
	position: relative;
	border-radius: 12px;
	box-shadow: 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
.product_info_price::before
{
	background-color: #fff;
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	left: 6px;
	top: 6px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: inset 0px 1px 1px #999;
}

.product_info_xsell
{
	display: flex; 
	justify-content: center; 
	align-items: center;
	font-size: 23px; 
	padding:7px 18px 5px; 
	background-color: #56617d;
	color: #fff;
	text-shadow: #5B5151 1px 0px, #5B5151 1px 1px, #5B5151 0px 1px, #5B5151 -1px 1px, #5B5151 -1px 0px, #5B5151 -1px -1px, #5B5151 0px -1px, #5B5151 1px -1px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px;
	position: relative;
	border-radius: 12px;
	box-shadow: 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
.product_info_xsell::before
{
	background-color: #fff;
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	left: 4px;
	top: 6px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: inset 0px 1px 1px #999;
}

.product_info_also
{
	display: flex; 
	justify-content: center; 
	align-items: center;
	font-size: 23px; 
	padding:7px 18px 5px; 
	background-color: #56617d;
	color: #fff;
	text-shadow: #5B5151 1px 0px, #5B5151 1px 1px, #5B5151 0px 1px, #5B5151 -1px 1px, #5B5151 -1px 0px, #5B5151 -1px -1px, #5B5151 0px -1px, #5B5151 1px -1px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px, #5B5151 0 0 3px;
	position: relative;
	border-radius: 12px;
	box-shadow: 0px 2px 0px 0px #322620, 0px 5px 3px #999;
}
.product_info_also::before
{
	background-color: #fff;
	content: "";
	width: 6px;
	height: 6px;
	position: absolute;
	left: 4px;
	top: 6px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.15);
	box-shadow: inset 0px 1px 1px #999;
}

.product_info_description {
font:normal calc(1rem + .1vmax) pragmatica_pd,Verdana,Arial,sans-serif;
line-height:1.25
}
.product_info_description a {
color:#0023e4;
}
.product_info_description p {
margin:5px 0px 2px;
}
.product_info_description ul {
list-style-position:outside;
list-style-type:disc;
}
.product_info_description li {
padding:1px 5px;
margin:0px;
list-style-type:none;
}
.product_info_description li::before {
content: "\2022";
margin-right:5px;
font-weight:900;
}

.InputGroup {
position:relative;
margin-bottom:12px
}

input#a1 {
font:normal 1rem NeueHaasUnica-Regular;
padding:5px;
display:flex;
width:calc(100% - 10px);
border:none;
border-bottom:1px solid #ccc
}

input#a1:focus {
outline:none
}

label#lab1 {
color:#999;
font:normal .9rem NeueHaasUnica-Regular;
position:absolute;
pointer-events:none;
left:10px;
top:5px;
transition:.2s ease all;
-moz-transition:.2s ease all;
-webkit-transition:.2s ease all
}

input#a1:focus ~ label#lab1,input#a1:valid ~ label#lab1,input#password-input:focus ~ label#lab1,input#password-input:valid ~ label#lab1,input#confirm-password-input:focus ~ label#lab1,input#confirm-password-input:valid ~ label#lab1 {
top:-15px;
left:-1px;
font:normal .6rem arial;
border:1px solid #7d7c7e;
background:#7d7c7e;
border-radius:3px;
padding:1px 3px;
color:#fff
}

.InputBar {
position:relative;
display:flex;
}

.InputBar:before,.InputBar:after {
content:"";
height:2px;
width:0;
bottom:0;
position:absolute;
background:#5264AE;
transition:.2s ease all;
-moz-transition:.2s ease all;
-webkit-transition:.2s ease all
}

.InputBar:before {
left:50%
}

.InputBar:after {
right:50%
}

input#a1:focus ~ .InputBar:before,input#a1:focus ~ .InputBar:after,input#password-input:focus ~ .InputBar:before,input#password-input:focus ~ .InputBar:after,input#confirm-password-input:focus ~ .InputBar:before,input#confirm-password-input:focus ~ .InputBar:after {
width:50%
}

.parentMiddle {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;   
        
    &:before {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        content: '';
    }
}

.blockMiddle {
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    text-align: left;   
}

a.button_info_page {
display:flex;
align-items:center;
justify-content:center;
flex:1;
color:#FFDAA1;
font: normal calc(0.8rem + .1vmax) pragmatica_pd;
text-decoration:none;
text-shadow:1px 1px rgba(141,121,100,0.5),3px 7px 3px #272C3C;
user-select:none;
padding:10px 15px;
outline:none;
border-radius:4px / 100%;
background-image:linear-gradient(45deg,rgba(255,255,255,.0) 30%,rgba(255,255,255,.8),rgba(255,255,255,.0) 70%),linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0) 20%,rgba(255,255,255,0) 90%,rgba(255,255,255,.3)),linear-gradient(to right,rgba(125,125,125,1),rgba(255,255,255,.9) 45%,rgba(125,125,125,.5)),linear-gradient(to right,rgba(125,125,125,1),rgba(255,255,255,.9) 45%,rgba(125,125,125,.5)),linear-gradient(to right,rgba(223,190,170,1),rgba(255,255,255,.9) 45%,rgba(223,190,170,.5)),linear-gradient(to right,rgba(223,190,170,1),rgba(255,255,255,.9) 45%,rgba(223,190,170,.5));
background-repeat:no-repeat;
background-size:200% 100%,auto,100% 2px,100% 2px,100% 1px,100% 1px;
background-position:200% 0,0 0,0 0,0 100%,0 4px,0 calc(100% - 4px);
box-shadow:rgba(0,0,0,.5) 3px 10px 10px -10px
}

a.button_info_page:hover {
transition:.66s linear;
background-position:-200% 0,0 0,0 0,0 100%,0 4px,0 calc(100% - 4px)
}

a.button_info_page:active {
top:1px
}

.main_page_border
{
	background-color: #151714;
	box-shadow: inset 0 0 8px rgba(170,117,183, 0.9), 0 0 3px rgba(161,52,194, 0.5);

	border-top: 1px solid rgba(255, 197, 105, 0.7);
	border-left: 2px solid rgba(255, 197, 105, 0.7);
	border-right: 2px solid rgba(255, 197, 105, 0.7);
	border-bottom: 1px solid rgba(255, 197, 105, 0.7);

	border-radius: 0px 0px 5px 5px;

	background-clip: padding-box;
}

.top_page_border
{
	background-color: #151714;
	box-shadow: inset 0 0 8px rgba(170,117,183, 0.9), 0 0 3px rgba(161,52,194, 0.5);

	border-top: 1px solid rgba(255, 197, 105, 0.7);
	border-left: 3px solid rgba(255, 197, 105, 0.7);
	border-right: 3px solid rgba(255, 197, 105, 0.7);

	background-clip: padding-box;
}

.input_adv_search
{
	min-width: 100%;
	height: 35px;
	color: #282828;
	font: normal 15px pragmatica;
	padding: 0px 5px;
	box-sizing: border-box;
}
.input_adv_search:focus
{
	outline: 1px solid #009cde;
}

.login_note_txt
{
	font: normal 12px arial;
	padding: 0px 8px 8px;
}

input#password-input {
display:flex;
width:calc(100% - 10px);
font:normal 1rem NeueHaasUnica-Regular;
padding:5px;
border:none;
border-bottom:1px solid #ccc
}

input#password-input:focus {
outline:none
}

input#confirm-password-input {
display:flex;
width:calc(100% - 10px);
font:normal 1rem NeueHaasUnica-Regular;
padding:5px;
border:none;
border-bottom:1px solid #ccc
}

input#confirm-password-input:focus {
outline:none
}

.password-control {
display:flex;
width:20px;
height:20px;
background:url(/images/icons/view.svg) 0 0 no-repeat;
border:0;
cursor:pointer
}

.password-control.view {
background:url(/images/icons/no-view.svg) 0 0 no-repeat
}

.datarow_address_book {
    grid-column: 1 / 5;
    z-index: 0;
}
.datacell_address_book {
	display: flex;
	align-items: center;
    z-index: 1;    
    border-bottom: 1px solid #c0c0c0;
}
.datacell_address_book:hover ~ .datarow_address_book {
    background-color: #eda33e;
}
.datacell_address_book:hover ~ .datarow_address_book + .datacell_address_book ~ .datarow_address_book {
    background-color: transparent;
}

.address_book_button {
border:1px solid #333;
border-radius:100%;
padding:10px;
display: flex;
align-items: center;
aspect-ratio:1
}

.address_book_button:hover {
background-color:#d0d0d0;
border:2px solid #333
}

.datarow_checkout_shipping_address {
    grid-column: 1 / 3;
    z-index: 0;
}
.datacell_checkout_shipping_address {
	display: flex;
	align-items: center;
    z-index: 1;    
    border-bottom: 1px solid #c0c0c0;
}
.datacell_checkout_shipping_address:hover ~ .datarow_checkout_shipping_address {
    background-color: #eee;
}
.datacell_checkout_shipping_address:hover ~ .datarow_checkout_shipping_address + .datacell_checkout_shipping_address ~ .datarow_checkout_shipping_address {
    background-color: transparent;
}

.datarow_checkout_payment {
    grid-column: 1/4;
    z-index: 0;
}
.datacell_checkout_payment {
	display: flex;
	align-items: center;
    z-index: 1;    
    border-bottom: 1px solid #c0c0c0;
}
.datacell_checkout_payment:hover ~ .datarow_checkout_payment {
    background-color: #eee;
}
.datacell_checkout_payment:hover ~ .datarow_checkout_payment + .datacell_checkout_payment ~ .datarow_checkout_payment {
    background-color: transparent;
}


.custom-checkbox
{
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.custom-checkbox+label
{
	display: inline-flex;
	align-items: center;
	user-select: none;
}
.custom-checkbox+label::before
{
	content: '';
	display: inline-block;
	width: var(--custom_checkbox_width, 1.5em);
	height: var(--custom_checkbox_height, 1.5em);
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #adb5bd;
	border-radius: 0.25em;
	margin-left:var(--custom_checkbox_margin_left, 0px);
	margin-right:var(--custom_checkbox_margin_right, .75em);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% 60%;
}
.custom-checkbox:not(:disabled):not(:checked)+label:hover::before
{
	border-color: #b3d7ff;
}
.custom-checkbox:not(:disabled):active+label::before
{
	background-color: #b3d7ff;
	border-color: #b3d7ff;
}
.custom-checkbox:focus+label::before
{
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-checkbox:focus:not(:checked)+label::before
{
	border-color: #80bdff;
}
.custom-checkbox:checked+label::before
{
	border-color: #0b76ef;
	background-color: #eda33e;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox:disabled+label::before
{
	background-color: #e9ecef;
}

.acc_orders_point
{
	margin: 3px;
	padding: 5px;
	border-radius: 6px;
	border: 1px solid #6c6457;	
	box-shadow: 0px 1px 0px 0px #4B210C, 0px 2px 1px #999;
	background-color: rgba(246, 179, 77, 0.5);
}
.acc_orders_point:hover
{
	cursor: pointer;
}
.acc_orders_point:active
{
	position: relative;
	top: 1px;
}

.acc_orders_txt
{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	font: normal 14px pragmatica;
	background-color: #545454;
	color: #fff;
	border-radius: 100%; 
	padding: 5px;
}

.datarow_account {
    grid-column: 1/6;
    z-index: 0;
}
.datacell_account {
	display: flex;
	align-items: center;
    z-index: 1;    
    border-bottom: 1px solid #c0c0c0;
}
.datacell_account:hover ~ .datarow_account {
    background-color: #eda33e;
}
.datacell_account:hover ~ .datarow_account + .datacell_account ~ .datarow_account {
    background-color: transparent;
}

.acc_history_button
{
	display: flex;
	justify-content: center;
	align-items: center;	
	width: 20px;
	height: 20px;
	margin: 3px;
	padding: 5px;
	border-radius: 6px;
	border-color: #6c6457;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0px 1px 0px 0px #4B210C, 0px 2px 1px #999;
}
.acc_history_button:hover
{
	cursor: pointer;
}
.acc_history_button:active
{
	position: relative;
	top: 1px;
}

.productListingTop
{
	display: flex;
	align-items: center;
	justify-content: center;
	font: normal 14px NeueHaasUnica-Regular, Arial, sans-serif;
	color: #000;
	padding: 8px 3px;
	grid-row: 1;
	z-index: 1;
}
.productListingTopRow
{
	display: flex;
	align-self: normal;
	background: #FFCB65;
	grid-column: 1/5;
	z-index: 0;
	grid-row: 1;
}

.ShoppingCartTopRow {
display:flex;
align-self:normal;
background:#ccc;
grid-column:1/6;
grid-row:1
}

.checkout_confirmation_button
{
	display: block;
	border: 2px solid #555;
	border-radius: 100%;
	padding: 6px;
}
.checkout_confirmation_button:hover {
	background-color: #aaa;
	border: 2px solid #111;
}

.ui-autocomplete.highlight {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    background: white;
    max-height: 200px;
    overflow-y: auto;
    padding: 4px 0;
}
.ui-autocomplete.highlight .ui-menu-item {
    padding: 4px 6px;
    border: none;
    margin: 0;
}
.ui-autocomplete.highlight .ui-menu-item:hover {
    background: #f5f5f5;
}
.ui-autocomplete.highlight .ui-state-active {
    background: rgba(79,79,79,.49);
    color: white;
}
.ui-autocomplete.highlight strong {
    color: #1526f7;
    font-weight: bold;
}

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; /* Добавьте это */
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    /* Добавьте минимальные размеры */
    min-width: 300px;
    min-height: 169px;
}

/* Оптимизируйте кнопку play */
.play {
    background: url(/images/youtube-play-btn.png) no-repeat;
    background-position: 0 -50px;
    background-size: 100% auto;
    position: absolute;
    height: 50px;
    width: 69px;
    transition: transform 0.2s ease-out; /* Плавное увеличение */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2; /* Чтобы была поверх затемнения */
}

.youtube:hover .play {
    background-position: 0 0;
    transform: scale(1.1); /* Легкое увеличение при hover */
}

/* Добавьте затемнение фона при наведении */
.youtube::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    transition: background 0.2s ease-out;
    z-index: 1;
}

.goog-te-combo { 
font:normal calc(.65rem + .1vmax) NeueHaasUnica-Light,Tahoma,Arial,Helvetica,sans-serif !important;
padding: 3px 5px !important;
border:1px solid #464e63 !important;
border-radius:3px !important;
color:#141414 !important;
background-color: #fff !important;
}
.goog-te-gadget { font:normal calc(.5rem + .1vmax) NeueHaasUnica-Light,Tahoma,Arial,Helvetica,sans-serif !important; color:#666 !important; }
.goog-logo-link { font:normal calc(.5rem + .1vmax) NeueHaasUnica-Light,Tahoma,Arial,Helvetica,sans-serif !important; color:#666 !important; }

.ProductListingPriceOld div {font-family:NeueHaasUnica-light !important; font-size:calc(.75rem + .1vmax); color:#333}
.ProductListingPriceOldCross {
background-image: linear-gradient(to top right, transparent 47%, #e73030, transparent 53%), linear-gradient(to bottom right, transparent 47%, #e73030, transparent 53%);
background-position: left 2px top 3px, right 2px top 3px;
background-repeat: no-repeat;
}
.ProductListingPriceNew div {font-family:NeueHaasUnica-bold !important; font-size:calc(1.7rem + .1vmax); color:#272c3c}
.ProductListingPriceOne div {font-family:NeueHaasUnica-bold !important; font-size:calc(1.7rem + .1vmax); color:#272c3c}

.newProductsPriceOld div {font-family:NeueHaasUnica-light !important; font-size:calc(.75rem + .1vmax); color:#333}
.newProductsPriceOldCross {
background-image: linear-gradient(to top right, transparent 47%, #e73030, transparent 53%), linear-gradient(to bottom right, transparent 47%, #e73030, transparent 53%);
background-position: left 2px top 3px, right 2px top 3px;
background-repeat: no-repeat;
}
.newProductsPriceNew div {font-family:NeueHaasUnica-bold !important; font-size:calc(1.7rem + .1vmax); color:#272c3c}
.newProductsPriceOne div {font-family:NeueHaasUnica-bold !important; font-size:calc(1.7rem + .1vmax); color:#272c3c}

.ProductsPriceOld div {font-family:NeueHaasUnica-light !important; font-size:calc(.75rem + .1vmax); color:#000; text-shadow:none}
.ProductsPriceOldCross {
background-image: linear-gradient(to top right, transparent 47%, #e73030, transparent 53%), linear-gradient(to bottom right, transparent 47%, #e73030, transparent 53%);
background-position: left 0px top 0px, right 0px top 0px;
background-repeat: no-repeat;
}
.ProductsPriceNew div {font-family:pragmatica !important; font-size:calc(1.4rem + .1vmax)}
.ProductsPriceOne div {font-family:pragmatica !important; font-size:calc(1.5rem + 0.1vmax)}
.ProductsPriceSold {font-family:pragmatica !important; font-size:calc(1.5rem + 0.1vmax)}

.news_empty {
font:normal calc(.9rem + 0.1vmax) Verdana,Arial,sans-serif;
padding:15px 10px;
line-height:30px;
background:radial-gradient(at 50% 50%, #fbcc86 20%, #fbcc86 30%, #fff 70%)
}

.quick_search form {
display:grid;
grid-template-columns:minmax(160px,1fr) auto;
grid-auto-rows:auto;
justify-content:start;
align-items:normal;
margin:0
}

.quick_search input {
display:flex;
align-items:center;
justify-content:start;
padding:5px 8px;
border:2px solid #e4bb7c;
border-radius:5px;
outline:none;
background-color:rgba(238,238,238,0.95);
color:#000;
font:normal calc(.75rem + .1vmax) Tahoma,Verdana
}

.quick_search button {
display:flex;
align-items:center;
justify-content:center;
min-width:36px;
aspect-ratio:1;
border:none;
background:#e68c00;
border-radius:0 5px 5px 0;
cursor:pointer;
transform:translate(-10px)
}

.quick_search button:before {
content:"\f002";
font-family:FontAwesome;
font-size:1.3rem;
color:#eee
}

.min_order {
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font:normal calc(.9rem + .1vmax) Verdana,Arial,sans-serif;
padding:15px 10px;
line-height:30px;
background:radial-gradient(at 50% 50%, #fbcc86 20%, #fbcc86 30%, #fff 70%)
}

.ProductsPriceShoppingCart div {font-family:NeueHaasUnica-light !important; font-size:calc(1.2rem + .1vmax); color:#272c3c}
.ShippingPriceShoppingCart div {font-family:NeueHaasUnica-bold !important; font-size:var(--FontSize, calc(1.3rem + .1vmax)); color:#272c3c}
.TotalPriceShoppingCart div {font-family:NeueHaasUnica-bold !important; font-size:calc(1.3rem + .1vmax); color:#272c3c}
.ProductsPriceCheckoutConfirmation div {font-family:NeueHaasUnica-Regular !important; font-size:calc(1.2rem + .1vmax); color:#272c3c}


.categories_tree {
	text-transform:uppercase;
	font:normal calc(.85rem + .1vmax) pragmatica,verdana;
}
.categories_tree ul {
	margin: 0;
	padding: 0;
}
.categories_tree ul.categories_tree-nav li {
	background: rgb(79,79,79);
	list-style: none;
	z-index: 8;
	position: relative;
}
.categories_tree ul.categories_tree-nav li a {
	color: #fff;
	text-decoration: none;
}
.categories_tree ul.categories_tree-nav li ul {
	display: none;
}
.categories_tree ul.categories_tree-nav li:hover {
	position: relative;
	background: #eca33d;
}
.categories_tree ul.categories_tree-nav li:hover > ul {
	display: grid;
	grid-template-columns: max-content;
	color: #fff;
}
.categories_tree ul.categories_tree-nav li:hover ul {
	position: absolute;
	top: 0;
	left: 100%;
}
.categories_tree_main {
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-gap: 5px;
	justify-content: start;
	align-items: center;
	text-align: start;
	padding: 10px 4px;
}
.categories_tree_sub {
	display: grid;
	grid-auto-columns: 1fr auto;
	grid-gap:1px;
	justify-content: start;
	align-items: center;
	text-align: start;
	padding: 10px 15px;
}

.top_header_not_login {
display:grid;
grid-template-columns:auto minmax(100px,150px) auto minmax(100px,150px) auto 1fr repeat(2,auto);
grid-auto-rows:auto;
justify-items:normal;
justify-content:start;
align-items:normal;
text-align:start;
padding:3px 0
}

.top_header_not_login input {
display:flex;
align-items:center;
justify-content:flex-start;
padding-left:3px;
color:#000;
font:normal 12px Verdana;
background-color:#eee;
border:2px solid #e4bb7c;
border-radius:4px
}

.top_header_not_login button {
display:flex;
align-items:center;
justify-content:flex-start;
margin:0 10px
}

.top_header_login {
display:grid;
grid-template-columns:repeat(3,auto) 1fr repeat(3,auto);
grid-auto-rows:auto;
justify-items:normal;
justify-content:start;
align-items:normal;
text-align:start;
padding:2px 0
}

.datarow_custom {
grid-column:var(--gridColumn, 1);
z-index:0
}

.datacell_custom {
display:flex;
align-items:center;
z-index:1;
border-top:var(--borderTop, none);
border-bottom:var(--borderBottom, none)
}

.datacell_custom:hover ~ .datarow_custom {
background-color:var(--backgroundColor, #eee)
}

.datacell_custom:hover ~ .datarow_custom + .datacell_custom ~ .datarow_custom {
background-color:transparent
}

.shopping_cart_empty {
letter-spacing: .5px;
color: rgb(255, 255, 255);
font: normal calc(.9rem + .1vmax) pragmatica_pn
}

/* START * currency_custom style * START */
.currency_custom-form {
  display:inline-block;
  font-family: pragmatica, Verdana, Arial, sans-serif;
}

.currency_custom {
  position:relative;
  display:inline-block;
  user-select:none;
  width:auto;
  outline:none;
}


body.first-load .currency_custom {
  opacity:0;
  transform:translateY(-20px) scale(.97);
  transition:opacity .8s ease-out, transform .8s ease-out;
}
body.first-load.loaded .currency_custom {
  opacity:1;
  transform:translateY(0) scale(1);
}

.currency_custom .selected {
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.5rem .6rem;
  cursor:pointer;
  color:rgba(255,240,212,.95);
  font:normal .8rem pragmatica;
  width:max-content !important;
  transition:background .2s, width .3s ease;
}
.currency_custom .selected:hover,
.currency_custom:focus .selected {
  background:rgba(91,93,106,.75);
  border-radius:3px;
}
.currency_custom .selected .currency_flag {
  width:24px;
  border-radius:2px;
}
.currency_custom .selected .chev {
  margin-left:auto;
  width:0;height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:6px solid rgba(255,240,212,.9);
  transition:transform .25s ease;
}
.currency_custom.open .selected .chev { transform:rotate(180deg); }

.currency_custom .options {
  position:absolute;
  top:100%;left:0;
  margin-top:.1rem;
  background:rgba(91,93,106,.95);
  border-radius:6px;
  max-height:0;overflow:hidden;
  opacity:0;
  transition:max-height .25s ease, opacity .25s ease;
  z-index:9999;
  min-width:max-content;
}
.currency_custom.open .options {
  max-height:18rem;
  opacity:1;
  border:2px groove #f6bd62;
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}
.currency_custom-option {
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.5rem .6rem;
  font:normal .9rem pragmatica;
  white-space:nowrap;
  cursor:pointer;
}
.currency_custom-option:hover,
.currency_custom-option.active { background:rgba(246,189,98,.18); }
.currency_custom-option .currency_flag { width:25px;border-radius:2px; }

.currency_custom-title { display:inline-block;transition:.3s; }
.currency_custom-title.currency_title {opacity:1;visibility:visible;}
.currency_custom-title.currency_code {opacity:0;visibility:hidden;position:absolute;}
/* END * currency_custom style * END */

.dhl-icon {
  position: relative;
  display: inline-block;
}

.dhl-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 50%;
}

.dhl-icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 2;
  pointer-events: none;
}

/* allow */
.dhl-icon.allow::after {
  border: 2px solid #28a745;
  box-shadow: 0 0 6px rgba(40,167,69,0.18);
}

.dhl-icon.allow::before {
  content: "";
  position: absolute;
  z-index: 3;
  width: 40%;
  height: 40%;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: #28a745;
  box-shadow: 0 2px 4px rgba(40,167,69,0.2);
  /* SVG */
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><polyline points="20 6 9 17 4 12" stroke="white" stroke-width="3" fill="none" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60% 60%;
}

/* disallow */
.dhl-icon.disallow::after {
  border: 3px solid #e03b3b;
  box-shadow: 0 0 6px rgba(224,59,59,0.18);
  opacity: .6;
}

.dhl-icon.disallow::before {
  content: "";
  position: absolute;
  z-index: 3;
  width: 135%;
  height: 15%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #e03b3b;
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(224,59,59,0.2);
  opacity: .6;
}




@media (max-width:799px) {
.currency_custom-title.currency_title {opacity:0;visibility:hidden;position:absolute;}
.currency_custom-title.currency_code {opacity:1;visibility:visible;position:static;}
	
.categoryName { font:normal calc(1.5rem + .1vmax) subCategoryFont,Tahoma,Arial,Helvetica,sans-serif; }
.subcategoryName { font:normal calc(1.15rem + .1vmax) pragmatica_pd, arial; }
.categories_display_bullets { display:none !important; }

.bestseller_display_grid { grid-template-columns:1fr !important; padding-left:3px !important; }
.bestseller_display_bullets { display:none !important; }
.bestseller_display_line { grid-column:1/2 !important; margin:1px 0px !important; }

.articles_display_grid { grid-template-columns:1fr !important; padding-left:3px !important; }
.articles_display_bullet { display:none !important; }

.goog-te-combo { width:100% !important; }
}