@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

BODY, DIV, TD, TH, P, OL, UL, DL, DD, DT, H1, H2, H3, BLOCKQUOTE, H4, H5, H6, ADDRESS, SPAN
{ font-size: 10pt; font-family: 'Barlow', sans-serif; }

INPUT {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    border: solid 1px #808285;
}

TEXTAREA {
    border-radius: 5px;
}

SELECT {
    padding: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.heading  { font-weight: bold; font-size: 12pt; font-family: 'Barlow', sans-serif; }
.subhead  { font-weight: bold; font-size: 10pt; font-family: 'Barlow', sans-serif;  }
.body { font-size: 10pt; font-family: 'Barlow', sans-serif;  }
.bodybold { font-size: 10pt; font-weight: bold; font-family: 'Barlow', sans-serif;  }
.description { font-size: 10pt; font-family: 'Barlow', sans-serif; text-align: center }
.smalltext { font-weight: bold; font-size: 9pt }
.price { font-size: 14pt; font-family: 'Barlow', sans-serif; }
.breadcrumb { font-weight: bold; font-size: 8pt; font-family: 'Barlow', sans-serif; text-transform: uppercase }
.breadcrumb a { font-weight: bold; font-size: 8pt; font-family: 'Barlow', sans-serif; text-transform: uppercase; text-decoration: none }


.login { color: #202124; }
.reversed  { color: white; font-weight: bold; font-size: 9pt; font-family: 'Barlow', sans-serif; background-color: #a33d05; }
a:link { color: #202124; text-decoration: none }
a:link.breadcrumb { color: #231f20; text-decoration: none }

a:visited { color: #202124; text-decoration: none }
a:vlink { color: #202124; text-decoration: none }
a:hover { color: #202124; text-decoration: none }
.loginbg { background: #b5c927 }

/* ORIGINAL SPECIAL FORMAT | PER SAM - 2/11/11
.specialsidebarhead1   { color: #fff; font-weight: bold; background: url(sb1top.gif) left top; text-align: center; padding: 2pt }
.specialssidebarbody1 { background: url(sb1body.gif); padding: 6pt }
.specialssidebarfoot1 { background: url(sb1foot.gif) }
.specialsidebarhead2   { color: #fff; font-weight: bold; background: url(sb2top.gif) left top; text-align: center; padding: 2pt }
.specialssidebarbody2  { background: url(sb2.gif); padding: 6pt }
.specialssidebarfoot2 { background: url(sb2.gif) }
.specialsidebarhead3   { color: #fff; font-weight: bold; background: url(sb3top.gif) left top; text-align: center; padding: 2pt }
.specialssidebarbody3 { background: url(sb3body.gif); padding: 6pt }
.specialssidebarfoot3 { background: url(sb3foot.gif) }
*/

/* SPECIALS THEME BASED ON AMERICAN CENTURY */
.specialsidebarhead1   { color: #fff; font-weight: bold; background: url(sb1top.gif) left top; text-align: center; padding: 2pt }
.specialssidebarbody1 { background: url(sb1body.gif); padding: 6pt }
.specialssidebarfoot1 { background: url(sb1foot.gif) }
.specialsidebarhead2   { color: #fff; font-weight: bold; background: url(sb2top.gif) left top; text-align: center; padding: 2pt }
.specialssidebarbody2  { background: url(sb2body.gif); padding: 6pt }
.specialssidebarfoot2 { background: url(sb2foot.gif) }
.specialsidebarhead3   { color: #fff; font-weight: bold; background: url(sb3top.gif) left top; text-align: center; padding: 2pt }
.specialssidebarbody3 { background: url(sb3body.gif); padding: 6pt }
.specialssidebarfoot3 { background: url(sb3foot.gif) }


A.sidebar:link{color:White;text-decoration:none;}
A.sidebar:visited{color:White;text-decoration:none;}
A.sidebar:hover{color:White;text-decoration:none;}

.specialsidebarhead1   { color: #fff; font-weight: bold; background: url(sb1top.gif) left top; text-align: center; padding: 2pt }
.specialssidebarbody1 { background: url(sb1body.gif); padding: 6pt }
.specialssidebarfoot1 { background: url(sb1foot.gif) }
.specialsidebarhead2   { color: #fff; font-weight: bold; background: url(sb2top.gif) left top; text-align: center; padding: 2pt }
.specialssidebarbody2  { background: url(sb2body.gif); padding: 6pt }
.specialssidebarfoot2 { background: url(sb2foot.gif) }
.specialsidebarhead3   { color: #fff; font-weight: bold; background: url(sb3top.gif) left top; text-align: center; padding: 2pt }
.specialssidebarbody3 { background: url(sb3body.gif); padding: 6pt }
.specialssidebarfoot3 { background: url(sb3foot.gif) }

A.sidebar:link{color:White;text-decoration:none;}
A.sidebar:visited{color:White;text-decoration:none;}
A.sidebar:hover{color:White;text-decoration:none;}
.holiday {
	font-family: 'Barlow', sans-serif; 
	font-size: 12px;
	color: #FFFFFF;
}
.holiday a:link {
	font-family: 'Barlow', sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
}
.holiday a:hover {
	font-family: 'Barlow', sans-serif;
	color: #CCCCCC;
	text-decoration: underline;
}
.holiday a:visited {
	font-family: 'Barlow', sans-serif; 
	color: #FFFFFF;
	text-decoration: underline;
}
.holiday a:active {
	font-family: 'Barlow', sans-serif; 
	color: #CCCCCC;
	text-decoration: underline;
}

.holidayprodtable {
	padding: 0px 22px;
	width: 300px;
}

.product_grid_header {
    	padding-bottom: 25px;
}

.loginbg img {
	display: none!important;
}


.logintable_container .heading {
	width: 100%;
	height: 122px;
	background-image: url('/stores/mosaic/ui/MOS-Logo-v2.png');
	background-repeat: no-repeat;
	margin-left: 110px!important;
}

/*.heading img {
        margin-left: auto;
        margin-right: auto;
	display: block;
	width: 50%;
}*/

.logintable_container .heading .login {
	display: none;
}

.logintable a {
    	font-family: 'Barlow', sans-serif;
	font-size: 11pt;
}

.logintable span {
    	font-family: 'Barlow', sans-serif; 
	font-size: 11pt;
	font-weight: 600;
}

.body .login {
    	font-family: 'Barlow', sans-serif;
	font-size: 11pt;
	position: relative;
	font-weight: 600;
}


.loginbg table{
	margin-top: 40px;
}

.product_grid_header {
    	padding-bottom: 25px;
}


#lyrDynamicBottom {
    	margin-top: 40px!important;
}


#login_header {
    background-image: url('/stores/mosaic/ui/MOS-Logo-v2.png');
    width: 232px;
    height: 122px;
    /*margin-top: 17px;*/
    background-repeat: no-repeat;
    margin: 0 10px;
}

#loginaddress_create_button a{
	display: none;
}


.logintable_container input {
    	background: #015c90;
    	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-family: 'Barlow', sans-serif;
    	padding: 7px 20px;
	margin: 0px 0px 5px 0px;
    	/*border-radius: 6px;*/
    	border: none;
    	/*text-transform: uppercase;*/
    	border-top: 1px solid #ccc;
    	border-right: 1px solid #ccc; 
    	border-bottom: 1px solid #ccc;
    	border-left: 1px solid #ccc;
}

.logintable_container input a ["login"] {
	background-color: blue;
    	font-color: #ccc;
    	padding: 7px 20px;
    	/*border-radius: 6px;*/
    	border: none;
    	text-transform: uppercase;
    	border-top: 1px solid #ccc;
    	border-right: 1px solid #ccc; 
    	border-bottom: 1px solid #ccc;
    	border-left: 1px solid #ccc;
}

#loginaddress_create_button a  {
    background: #00adcf;
    color: #fff;
    padding: 7px 20px;
    /*border-radius: 6px;*/
    border: none;
    text-transform: uppercase;
}



#loginaddress_create_button a:hover {
    background: #000;
}

#loginaddress_create_button a:after {
	content: "Create a Business Account";
}


.login_title:after {
    /*content: "Genpact";*/
    color: #ccc;
    font-size: 30px;
    font-weight: bold;
    font-family: 'Barlow', sans-serif;
    /*padding-left: 30px;*/
}


#logintable_header:after {
    content: "For Business Orders";
    color: #000;
    font-size: 17px;
    font-weight: bold;
}

#logintable_header2:after{
    content: "(Click here to use Cost Center, Account Code, and On Behalf Of)";
    color: #000;
    font-size: 12px;
    font-weight: bold;	
}

#logintable_public_text:after{
    content: "For Personal Orders - No Login Required";
    color: #000;
    font-size: 17px;
    font-weight: bold;
}

#logintable_public_text2:after{
    content: "(View only, personal credit card purchases, redeem gift certificates)";
    color: #000;
    font-size: 12px;
    font-weight: bold;	
}


#logintable_user_textbox input, #logintable_password_textbox input{
    background: white;
    border: 1px solid #9c9c9c;
    border-radius: 0px;
    color: #000;
    /*border-radius: 4px;*/
}

#login_message1{
	width: 360px;
}

/*#login_message1:after{
	content: "Financial Representatives, Agency Managers, or Assistants who place orders for RepChoice or AgencyChoice must create a business account to generate invoices.";
    color: #777777;
    font-size: 13px;
}*/



#login_message1,#login_message2, #login_message3, #login_message6, #login_message7, #login_message8, #login_message9, #login_message10, #login_footer_message1, #login_footer_message2, #login_footer_message3{
	margin-top: 0px;
    margin-bottom: 0px;
}


#login_message7{
	color: #000;
    font-size: 13px;
    width: 360px;
    padding-bottom: 15px;
    display: none;
}


/*#login_message9:after{
	content: "Having trouble logging in?";
    color: #777777;
    font-size: 13px;
}

#login_message10:after{
	content: "Call 800-648-8588 to contact Concord Marketing Solutions";
    color: #777777;
    font-size: 13px;
}*/


/*#login_footer_message1:after{
	content: "You must use Google Chrome to complete your shopping experience.  If you are using Internet Explorer, you must switch to Google Chrome.";
    color: #00a55b;
    font-size: 15px;
    font-weight: bold;
}*/



a#logintable_user_href:after {
    /*content: "Forgot your username/ID?";*/
    color: #00A3E4;
}


a#logintable_passord_href:after{
	/*content: "Forgot your password?";*/
	color: #00A3E4;
}


td.logintable_container {
    	width: 510px;
	height: 450px;
    	background: #fff;
    	padding: 10px;
}

p#login_footer_message1 {
    width: 340px;
}

p#login_footer_message1:after {
    content: "Having trouble logging in?";
    color: #000;
    font-size: 13px;
}


p#login_footer_message2:after {
    content: "Call 800-648-8588 to contact Concord Marketing Solutions";
    color: #000;
    font-size: 13px;
}

#login_body {
    margin-left: 100px;
    margin-top: 90px;
}

div#login_footer_left {
    margin-left: 120px;
    margin-top:-40px;
}

td.loginaddress_container {
    /*border-left: 4px solid #fff;*/
    height: 400px;
}

td.logintable_container table {
    margin-top: 0px;
    /*padding-top: 40px;*/
    padding-left: 20px;
}

td.loginaddress_container table {
    margin-top: -110px;
}




td#loginaddress_create_button {
    padding-bottom: 55px;
}


td#logintable_public_text {
    padding-top: 30px;
}


td#logintable_user_textbox:before {
    /*content: "Username ";*/
}

td#logintable_password_textbox:before {
    /*content: "Password ";*/
}



.auto-style1 {
    	height: 92px!important;
}

.loginaddress_container table{
	display: none;
}

#login_public_button {
    	background-color: #e2211c;
    	color: #ffffff;
    	font-weight: normal;
    	font-size: 13.5px;
    	font-family: 'Barlow', sans-serif;
    	padding: 3px 75px 3px 75px;
	position: relative;
	margin-top: -170px;
}

#loginfooter {
	top: -92px!important;
	color: #a33d05;
	font-weight: bold;
}

span.login_title:before {
    	content: 'Authorized Users Login Below';
    	color: #202124;
	font-weight: bold;
	font-size: 14px;
    	margin-top: 165px!important;
	margin-left: -98px;
    	position: absolute;
}

input#txtusername {
    	background: #fff;
	color: #000!important;
	text-transform: none!important;
	font-family: 'Barlow', sans-serif;
}

input#txtpassword {
    	background: #fff;
	color: #000!important;
	text-transform: none!important;
	font-family: 'Barlow', sans-serif;
}

#divLogoheader {
	background-color: #a33d05!important;
}

#divSizingChartheader {
	background-color: #a33d05!important;
}

.publicloginLinkText {
	position: absolute;
	margin-top: -95px;
	display: initial;
	margin-left: -208px;
}

.publicloginLinkText:before {
    	content: 'To place a personal order using a personal credit card, please click here.';
	font-family: 'Barlow', sans-serif;
	font-weight: bold;
	color: #a33d05;
	text-decoration: underline;
}