@charset "UTF-8";
/* CSS Document */
/*
* public-common.css
*
* Copyright (c) 2007-2022 by NOW Tech, LLC
*/

body {
    margin:0;
    background-color: var(--neutral-900)
 }
li { line-height: 50pt; }

/* Layout DIVs */

#HeaderDiv, #MobileHeaderDiv {
    width: 100%;
    left:0px;
    top:0px;
    height:87px;
    background-color: var(--neutral-0);
    border: 1px var(--client-primary-2, var(--primary)) solid;
}
#ContentDiv, #MobileContentDiv { width:100%; background-color:var(--neutral-0); min-height:600px; }
#FooterDiv, #MobileFooterDiv {
    clear:both;
    width:100%;
    height:80px;
    background-color: var(--neutral-900);
}
#ContentPaddingDiv, #FooterPaddingDiv { padding:20px; }
/* Land Page More Info DIVs WHICH IS ALSO USED BY My Sample */
#ProspectForm { border:0px var(--alert-500) solid; width:100%; margin:20px auto 0; }
#ProspectFormFirstName, #ProspectFormLastName, #ProspectFormDualField { display: inline-block; width:48%; }
#ProspectFormFirstName, .DualFieldFirst { margin-right:15px !important; }
#ProspectFormFullField, #ProspectFormDualField, #MobileProspectFormFullField, #MobileProspectFormDualField { margin:20px auto 0; }
.ProspectFormLastField { margin-top:35px !important; }
.MobileProspectFormLastField { margin-top:30px !important; }

#ProspectFormButton, #MobileProspectFormButton {
    margin:40px auto 0;
    text-align:center;
}

#MobileProspectFormFirstName, #MobileProspectFormLastName, #MobileProspectFormButton, #MobileProspectFormFullField, #MobileProspectFormDualField { display: block; width:100%; }
#CustomButtons {
    width:100%;
    display:block;
    text-align:center; }
#MoreInfoButton, #WebsiteButton, #MobileMoreInfoButton, #MobileWebsiteButton, #SampleButton, #MobileSampleButton { margin:15px auto 0; text-align:center; }
#MoreInfoButton, #WebsiteButton, #SampleButton { display:inline-block; vertical-align: middle; }
#MobileMoreInfoButton, #MobileWebsiteButton, #MobileSampleButton { display:block; }
.outer {
  display: table;
  position: relative;
  height: 100%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  /*whatever width you want*/
}

#ConfirmText { min-width:100%; width:auto; margin:170px auto 0; }

.logo {
    height: auto !important;
	max-height: 75px;
}

#FormFieldDiv { margin:20px 0 0 0; }
.FormFieldErrorText { font-size:14px; }

/* My Sample / Buy Sample*/
#SampleInfo { width:100%; max-width:800px; border:0px var(--warning-700) solid; margin:0 auto 30px; }
#SampleInfoDetails { width:60%; max-width:470px; max-height:600px; display:inline-block; border:0px var(--success-300) solid; vertical-align: top; height:100%; font-family:var(--font-family); font-size:18px; line-height:30px; }
.SampleName { font-size:40px; font-weight:bold; line-height:65px; color:var(--neutral-900); }
.SamplePrice { font-size:26px; font-weight:bold; line-height:30px; color:var(--neutral-900); }
#SampleInfoDetails table { border:0; border-spacing:0; padding:0; width:100%; font-size:16px; border-collapse:collapse; }
#SampleInfoDetails table td { padding:5px; }
#SampleInfoDetails .SampleCost { text-align:right; }

/* WebSample */
#SampleMessage { font-size:22px !important; line-height:30px !important; text-align:center; }
.SectionTitle { font-weight:bold; }
.ProductThumbnail { max-width:200px; }
.MobileProductThumbnail { max-width:75px; }
.SampleHR { width:100%; height:20px; background-color:var(--neutral-50); border:0px var(--neutral-50) solid; }
.ContactIcon, .MobileContactIcon { max-width:50px; }

/* Text */

.FieldTitleRD { float:left; text-align:left; margin-right:0; border:0px var(--action-300) solid; }
.FieldInputRD { margin-bottom:25px; border:0px var(--alert-500) solid; }
.FixedWidth250 { width:250px; }
.FixedWidth150 { width:150px; }
.FixedWidth100 { width:100px; }

.MobileText, .MobileText a, .MobileTextHighlighted, .MobileTextHighlighted a, .MobileTextSmall, .MobileTextSmall a,
.MobileBigRedText, .MobileBigRedText a, .MobileFieldTitle, .MobileFieldTitle a, .MobileFooterText,
.HeaderText, .HeaderText a, .TextHighlighted, .TextHighlighted a, .TextSmall, .TextSmall a,
.FooterText,
.PrevNextLinkText, .PrevNextLinkText a, .SearchBoxText, .SearchBoxText a,
.TopLinks, a.TopLinks, .StaticFieldTitle, .StaticFieldValue
.MySampleText, .MySampleText a, .MobileMySampleText, .MobileMySampleText a { font-family: var(--font-family); }

.MobileText, .MobileText a, .MobileMySampleText, .MobileMySampleText a { color: var(--neutral-900); }
.MobileText, .MobileText a { font-size: 34px; line-height: 46px; }
.MobileMySampleText, .MobileMySampleText a { font-size: 18px; line-height: 24px; }
.MobileTextHighlighted, .MobileTextHighlighted a { font-size: 34px; line-height: 46px; color: var(--alert-500); font-weight: bold; }
.MobileTextSmall, .MobileTextSmall a { font-size: 20px; line-height: 23px; color: var(--neutral-900); }
.MobileBigRedText, .MobileBigRedText a { font-size: 34px; font-weight: bold; line-height: 42px; color: var(--alert-500); }
.MobileFieldTitle, .MobileFieldTitle a { font-size: 23px; font-weight: bold; color: var(--neutral-900); }
.MobileFooterText { font-size: 12px; line-height: 20px; color: var(--neutral-0); font-weight: bold; }

.MySampleText, .MySampleText a { color: var(--neutral-900); }
.MySampleText, .MySampleText a { font-size: 18px; line-height: 24px; }
.HeaderText, .HeaderText a { font-size: 16px; line-height: 18px; color: var(--neutral-0);  }
.TextHighlighted, .TextHighlighted a { font-size: 24px; line-height: 32px; color: var(--alert-500); font-weight: bold; }
.TextSmall, .TextSmall a { font-size: 16px; line-height: 20px; color: var(--neutral-900); }
.BigRedText, .BigRedText a { font-family: var(--font-family); font-size: 28px; font-weight: bold; line-height: 38px; color: var(--alert-500); }
.FooterText { font-size: 10px; line-height: 14px; color: var(--neutral-0); font-weight: bold; }

.PrevNextLinkText, .PrevNextLinkText a { font-size: 14px; color: var(--neutral-900); }
.SearchBoxText, .SearchBoxText a { font-size: 14px; color: var(--neutral-900); }
.PageTopText, .PageTopText a {font-family: var(--font-family); font-size: 14px; color: var(--neutral-900); }
.ErrorText, .ErrorText a { font-family: var(--font-family); font-size: 12px; line-height: 18px; color: var(--alert-500); }
.NoteText, .NoteText a {font-family: var(--font-family); font-size: 12px; line-height: 16px; color: var(--neutral-900); }
.TopLinks, a.TopLinks { font-size: 14px; color: var(--neutral-0); }

.StaticFieldTitle { font-size: 14px; font-weight: normal; color: var(--neutral-500); }
.StaticFieldValue { font-size: 14px; font-weight: normal; color: var(--neutral-900); }
.GiftList { color: var(--neutral-0); }

.GDPRViewDelete { font-family: var(--font-family); font-size: 8pt; color: var(--neutral-100); }

/* Land Page Text*/
.FieldIdentifier { font-size:14px; color:var(--neutral-900); }

/* Error */

#ErrorDiv { padding:10px; background-color: var(--alert-500); font-family: var(--font-family); font-size: 18px; line-height: 24px; color: var(--neutral-0); }
#ErrorList li { color: var(--neutral-0); }
/* Buttons */






/* LAND PAGE TEXT BOXES */
.FieldTextLandPage, .FieldTextLandPageKorean, .MobileFieldTextLandPage { width:96% !important; }
.FieldTextLandPage, .FieldTextLandPageKorean, .MobileFieldTextLandPage .FieldTextLandPageNoWidth { height:30px !important; background-color:var(--neutral-50); }
.MobileFieldTextLandPage { margin-bottom:-10px !important; }


/* SELECT LIST/SELECT BOX CUSTOM */
div.selectBox
{
    position:relative;
    display:block;
    cursor:default;
    text-align:left;
    line-height:30px;
    clear:both;
    color: var(--neutral-700);
	font-size:18px !important;
}
span.selected
{
    min-width:225px;
	width:89%;
    text-indent:20px;
    border:1px solid var(--neutral-50);
    border-right:none;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    background:var(--neutral-50);
    overflow:hidden;
}
span.selectArrow
{
    min-width:25px;
	width:9%;
    border:1px solid var(--client-primary-1, var(--primary));
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    text-align:center;
    font-size:20px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    background:var(--client-primary-1, var(--primary));
}

span.selectArrow,span.selected
{
    position:relative;
    float:left;
    height:30px;
    z-index:1;
}

div.selectOptions
{
    position:absolute;
    top:28px;
    left:0;
    min-width:250px;
	width:99%;
    border:1px solid var(--neutral-50);
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    overflow:hidden;
    background:var(--neutral-50);
    padding-top:2px;
    display:none;
}

span.selectOption
{
    display:block;
    width:98%;
    line-height:20px;
    padding:5px 10%;
	padding-left:20px !important;
}

span.selectOption:hover
{
    color:var(--neutral-50);
    background:var(--client-primary-1, var(--primary));
}


/* Misc controls */

.SeperatorDiv { width:100%; height:1px; background-color:var(--neutral-50); }

/* Popup Box */

#PopupBoxDiv, .PopupBoxDiv
{
	position: absolute;
	left: 200px; top: 200px;
	border: solid 1px var(--neutral-50);
	box-shadow: 0 5px 15px -5px var(--neutral-900);
	opacity: 1;
	background-color: var(--neutral-0);
	z-index: 1000;
}

#PopupBoxShadeDiv, .PopupBoxShadeDiv
{
	position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
}

#PopupBoxDialogDiv, .PopupBoxDialogDiv
{
	position: relative;
	left: 10px; top: 10px;
}

#PopupBoxTitleDiv, .PopupBoxTitleDiv, #PopupBoxContentDiv, .PopupBoxContentDiv {
	font-family: var(--font-family);
}

#PopupBoxTitleDiv, .PopupBoxTitleDiv
{
	position: relative;
	display: block;
	width: auto; height: 27px;
	font-size: 18px; line-height: 22px; font-weight: bold; color: var(--neutral-900);
}

#PopupBoxContentDiv, .PopupBoxContentDiv
{
	padding-top: 10px;
	font-size: 14px; line-height: 18px; font-weight: normal; color: var(--neutral-900);
}

.hiddenField{
	display:none;
}


/***************************************************************************
Start Box Container Box
***************************************************************************/
.GeneralBox {
    border-style: none;
    background: transparent;
    background-color:var(--neutral-50);
    color: var(--neutral-900);
    font-weight: bolder;
    font-family: var(--font-family);
    border-radius:4px;
	padding: 10px 5%;
    margin: 15px 0px;
}

.MobileBoxButton {
    width: 500px;
	margin: 5px auto;
}

.BoxButton {
    width: 400px;
	margin: 10px auto;
    display: inline-block;
}

.ButtonBottom {
	display: block;
	margin: 10px auto;
}

/***************************************************************************
End Box Container Box
***************************************************************************/

.SpaceText {
	margin: 10px 0px 20px;
	text-align: justify;
}

.CenterText {
	text-align: center;
}


.BackColor {
  background-color: var(--client-primary-2, var(--primary));
  border: 1px var(--client-primary-2, var(--primary)) solid;
}

.noBackColor {
  background-color: unset;
}