/* GLOBAL STYLE SHEET */


/* ADD RED BORDER TO FIND ERROR
div, span, p{
    border: 1px solid red;
}
 */

/* RESET BROWSER (to reduce browser inconsistencies */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */
/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
} */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}



/* ================================= 
  Base Element Styles
==================================== */

* {
	box-sizing: border-box;
}

/* This stops the mobile page from sliding left to right */
html {
	overflow-x: hidden;!important
	display: flex;		/* So that page doesn't shrink below 320px */
} 

body {
	flex-basis: 320px;	/* So that page doesn't shrink below 320px */
    flex-shrink: 0;		/* So that page doesn't shrink below 320px */

	font-family: Roboto, 'Arial', 'Roboto Condensed', 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.6;
	color: #3A3A3A;
	min-width: 260px;	/* So page doesn't shrink below 280px */
}

p,
ul,
ol {
	font-size: 1.1rem;
	margin-bottom: 1.8rem;
	font-weight: 400;
}

a {
	text-decoration: none;
	font-weight: 700;
}

a:hover { 
	background: transparent; 
	text-decoration: underline; 
}

a:visited {
	color:#3b5998;
}

a:link {
	color: #3b5998;
}

a:active {
	color: #00F;
}

.superscript{
	vertical-align: super;
	font-size: .9rem;
}

.subscript{
	vertical-align: sub;
	font-size: .8rem;
}

img {
	max-width: 100%;
}

button,
input[type=submit] {
	cursor: pointer;
	text-decoration: none;
}

tr,
td,
th {
	vertical-align: top;
}




/* ---- Float clearfix ---- */

.clearfix::after {
    content: " ";
    display: table;
    clear: both;
}



/* GLOBAL HEADERS */

/* Page Title */
h1 {
	display: inline-block;
	font-family: "Oswald", "Roboto Condensed", Arial, Helvetica, sans-serif;
	color: #800;
	text-transform: uppercase;
	font-size: 1.8rem;
    font-weight: 500;
	line-height: normal;
}

.Frame_Page_Title {
	display: block;
	text-align: center;
	margin: 1rem 0;
}



/* Page Title */
h10 {
    font-family: "Oswald", "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 2.4rem;
    font-weight: 500;
	color:#900;
	display: block;
	line-height: normal;
	width: 100%;
	text-align: center;
	margin: 2rem 0 1rem;
}



/* Page Sub Title */
h11 {
	background-color: #EEE;
	padding: .5rem 0;
    font-family: "Roboto Condensed", "Oswald", Arial, Helvetica, sans-serif;
	font-size: 1.8rem;
    font-weight: 700;
	color:#500;
 	display: block;
	width: 100%;
	text-align: center;
	margin: 0 0 1rem;
}

/* Page 3rd Title */
h12 {
    font-family: "Roboto", Arial, Helvetica, sans-serif;
	font-size: 1.6rem;
    font-weight: 700;
	color:#555;
 	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0 0 1rem;
}


/* Main Page Headlines */

h13 {
    display: block;
	font-family: "Oswald", "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 2.4rem;
	line-height: 3.2rem;
    font-weight: 400;
 	color:#666;
    margin: 2rem 0 1rem;
}

h14 {
    font-family: "Oswald", "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 1.8rem;
    font-weight: 400;
	color:#666;
    margin: 0;
	text-align: center;
    margin-bottom: 1.2rem;
}

h15 {
    font-family: "Oswald", "Roboto Condensed", Arial, Helvetica, sans-serif;
    display: block;
	color: #353131;
	font-size: 1.8rem;
    font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	margin: .6rem 0 2rem;
}

h16 {
    display: block;
	font-family: "Oswald", "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: 2rem;
	line-height: 3rem;
    font-weight: 400;
 	color:#666;
    margin-bottom: 1rem;
}

h17 {
    font-family: "Roboto", "Roboto Condensed", "Oswald", Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
    font-weight: 700;
	color:#666;
    margin: 0;
    margin-bottom: 1.2rem;
}


h30 {
	font-family: "Oswald", "Roboto Condensed", Arial, Helvetica, sans-serif;
	display: block;
	color: #666;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: normal;
	text-align: left;
	margin: .6rem 0;
}

h31 {
	display: block;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
	color:#01586A;
	text-align: left;
	margin: 1rem 0 .5rem;
}

h32 {
	display: block;
	text-transform: uppercase;
	font-family: "Roboto Condensed", "Oswald", "Roboto", Arial, Helvetica, sans-serif;
    font-size: 2.3rem;
    font-weight: 700;
	line-height: 2.8rem;
	color:#01586A;
	text-align: center;
	margin: 1rem 0 .7rem;
}

h33 {
	display: block;
	font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 2rem;
    font-weight: 700;
	text-transform: uppercase;
   	text-align: center;
}


.Text_Highlight {
	text-transform: uppercase;
	color: #A00;
}

.jw-reset .jw-rightclick-item .jw-stats-item { 
	display: none !important; 
}






.Category_Menu select {
	font-weight: 500;
}

.Category_Menu option {
	text-align: center;
}






/* ====================================== 
	Template Elements

	Mobile First - CSS for Mobile Screens
========================================= */

.Container,
.Container_NoMargin {
	width: 90%;
	margin: 0 auto;
	display: flow-root;
	max-width: 1415px;
}

.Container_NoMargin {
	width: 100%;
}

.Title_Photo_Spacer {
	height: 2.5rem;
}

.Body_Bottom_Spacer {
	height: 0;			/* Formerly 2.5rem standard */
}


/* Turn OFF items to be shown only on larger screens with full menu */
.Desktop_Only,
.Desktop_Only_576px,
.Desktop_Only_768px,
.Desktop_Only_992px,
.Desktop_Only_1200px,
.Desktop_Only_Inline {
	display: none;
}

.Mobile_Only {
	font-family: "Roboto", sans-serif;
}

.Mobile_Only_400px {
	display: block;
}

.Desktop_Only_400px {
	display: none;
}

.Mobile_Only_576px {
	display: block;
}

.Mobile_Only_768px {
	display: block;
}

.Mobile_Only_992px {
	display: block;
}

.Mobile_Only_1200px {
	display: block;
}

.Mobile_Only_Inline {
	display: inline;
}








/* HEADER STYLES */
.Site_Header {
	width: 100%;
	position:inherit;
	top: 0px;
	left: 0px;
	z-index: 999;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
}

.Header_Upper {
	width: 100%;
	height: 158px;
	background-color: #3C3C3C;
	color: #FFF;
	padding-top: 5px;
 }




/* MAIN NAVIGATION */

.Container_Menu {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

/* Site Logo */
.Frame_Site_Logo {
	display: block;
	width: 100%;
	margin-bottom: .5rem;
}

.Site_Logo {
	display: block;
	width: 10rem;
	min-width: 10rem;
	max-height: 4rem;
	margin: 3px auto 0;
}

.Site_Title {
	display: none;
}

.Right_Menu_Body {
	width: calc(100% - 160px - 15px);	/* Calculate Max width (100%) minus width of logo (160px) - buffer between logo and menu (20px) */
}


/* Color for text links for My sections including Your Account, Your Courses, Your TAG TEAM Office, etc. */
.MyLink a {
	color: #C00;
}






/* ICON MENU */

.MenuBar_Icons {
	display: flex;
	flex-wrap: nowrap;
	overflow: hidden;
	justify-content: space-around;
	width: 100%;
}

.MenuBar_Icons a {
	text-decoration: none;
	color: #FFF;
}

.MenuBar_Icons a:hover {
	color: #FF0;
}



/* Welcome / Invited By */
.MenuBar_Welcome {
	margin-right: auto;
	color: #FF0;
}



.MenuBar_Icon {
	width: 50px;
	text-align: center;
}

.Icon_Graphic {
	background-position: top;
	background-size: cover;
	margin: 0 auto;
	color: #00C;
	padding: 18px 0;
}

.Icon_Search {
	width: 2.5rem;
	min-width: 2.5rem;
	padding: 1rem 0 0;
	display: inline-block;
}

.Icon_Shopping_Cart {
	padding-top: 12px;
}

.Icon_Shopping_Cart .Icon_Graphic {
	width: 50px;
	height: 50px;
	padding: 2px 0 0 8px;					/* Position number that appears IN the shopping cart */
	font-size: 1rem;
	font-weight: 500;
	color: #FF0;
	text-align: center;
}










/* YOUR PAGES DROPDOWN MENU */

/* 
.AccountMenu_PhotoTitle {
	text-align: center;
	width: 4.8rem;
	margin-left: .5rem;
}
 */

/* Account Drop Down Menu */
	.Frame_AccountMenu {
	padding: 0 .25rem 0 0;
}


.AccountMenu_Photo {
	position: relative;
	width: 3.3rem;
	height: 3.3rem;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	background-color: #FFF;
	margin: 2px 0 2px 3px;
	border: 1px solid #FFF;
}

.AccountMenu_Photo img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.AccountMenu_Title {
	text-align: center;
	font-size: .8rem;
	font-weight: 300;
	line-height: 1rem;
}

/* For pulsing member photo indicating new messages */
@-webkit-keyframes pulseBorder {
	from {
	  border: solid 3px #00F;
	}
	to {
	  border: solid 3px #FF0;
	  }
}

.Member_Photo_New_Messages_Waiting {
	-webkit-animation-name: pulseBorder;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 1s;
	text-align: center;
	border: solid 1px #DDD;
}

@keyframes Pulse_Text {
	20%{
		opacity: 0.2;
	}
	100%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
	100%{
		opacity: 1;
	}
}

.Menu_New_Message_Waiting_Text {
	font-weight: 700;
	font-family: "Roboto", sans-serif;
	color: red;
	animation: Pulse_Text 2.5s infinite;
}

.Account_Menu {
	position: absolute;
	left: calc(4.5vw);
	padding: .5rem 0 0;
	width: 15rem;
	background: #F9F9F9;
	border-radius: 15px;
	visibility: hidden;
	opacity: 0;
	transition: 0.5s;
	z-index: 99999;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	/*	top: 120px;  */
}

.Account_Menu.active {
	visibility: visible;
	opacity: 1;
	top: 5.5rem;
}

.Account_Menu_Name {
	width: 100%;
	font-family: "Oswald", "Roboto Condensed", "Roboto", Arial, sans-serif;
	text-align: center;
	font-size: 1.2rem;
	padding: .5rem .6rem;
	font-weight: 500;
	color: #633;
	line-height: 1.2em;
}

.Account_Menu_Name .Frame_Supporter {
	margin: .3rem auto 0;
}

.Account_Menu_Supporter_Not_A_Supporter {
	font-size: 1rem;
	color: #888;
	font-weight: 400;
}

/* Arrow */
.Account_Menu:before {
	content: '';
	position: absolute;
	top: -5px;
	right: 28px;
	width: 20px;
	height: 20px;
	border-radius: 2px;
	background: #F9F9F9;
	transform: rotate(45deg);
}

.Account_Menu ul {
	padding-left: 0;
}

.Account_Menu ul li {
	list-style: none;
	padding: .4rem 1.25rem;
	border-top: 1px solid rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
}

.Account_Menu ul .New_Section {
	border-top: 2px solid rgba(0,0,0,0.2);
}

.Account_Menu ul li .Image_Container {
	width: 30px;
	min-width: 30px;
	margin-right: 1rem;
}

.Account_Menu ul li img {
	max-width: 30px;
	opacity: 0.5;
	transition: 0.5s;
}

.Account_Menu ul a li {
	text-decoration: none;
	color: #444;
	font-weight: 500;
}

.Account_Menu ul li:hover img {
	opacity: 1;
}

.Account_Menu ul li:hover
{
	background-color: #FF0;
	color: #000;
	font-weight: 500;
}

.Menu_Items_Messages {
	background-color: rgb(255, 241, 224);
}

.Menu_Items_Sections {
	background-color: rgb(242, 255, 253);
}

.Menu_Items_EarnPrograms {
	background-color: #FFD;
}

.Menu_Items_Admin {
	background-color: rgb(236, 255, 232);
}







/* SEARCH BOX */

.Form_MenuBar_Search {
	margin: .7rem  0 .1rem;
	width: 100%;
	height: 3.2rem;
	padding: 0;
	display: none;
}

#smethod {
	background-color: #EEE;
	border-top-left-radius: .5rem;
	border-bottom-left-radius: .5rem;
	border: none;
	border-right: 1px solid #CCC;
	font-size: .95rem;
	text-align: center;
	padding-left: .3rem;
}

.Search_Text {
	width: 100%;
	border-radius: 0;
	border: none;
	padding: .3rem;
	background-color: white;
	font-size: 1.2rem;
}

.Search_Button {
	width: 4rem;
	padding: .5rem;
	background-color: tomato;
	border-top-right-radius: .5rem;
	border-bottom-right-radius: .5rem;
}

.Search_Button input {
	max-height: 2.1rem;
	min-width: 2.1rem;
}







/* LOWER HEADER */
.Header_Lower {
	position: relative;
	width: 100%;
	height: 53px;
	background-image:
		repeating-linear-gradient(	/* Stripes from https://css-tricks.com/stripes-css/ */
			180deg,
			#444,
			#444 1px,
			#000 1px,
			#000 8px
		);
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	z-index: 9999;					/* Set to highest z-index, so that mobile menu covers all other elements on the page when it opens */
}



/* Uniting Black People To Buy Black */
.Purpose {
	font-size: .96rem;
	line-height: 1rem;
	color: #CCC;
	font-weight: 700;
	padding: 0;
	background: none;
	text-transform: none;
	border: none;
	margin: 1.1rem auto auto 0;
	position: absolute;
}

.Purpose a {
	color: #FFC;
}

.Purpose_Text {
	display: flex;
	text-wrap: nowrap;
}

.Purpose_BBM_Text {
	padding: .1rem .3rem;
	border-radius: .3rem;
	background-color: #444;
	color: #FFC;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: -.3rem;
	border: 1px solid #666;
}

#Purpose_Text_Short {
	display: inline;
}

#Purpose_Text_Tiny,
#Purpose_Text_Medium,
#Purpose_Text_Long,
#Purpose_Text_Full {
	display: none;
}

.Header_Text_Powered_By {
	display: block;
}

.Header_Text_BBM {
	font-family: Roboto, "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-variant: small-caps;
}





/* MAIN MENU HAMBURGER MENU */
/* from example https://jsfiddle.net/maheshoz/wuj7a10o/4/ */ 

/*
	padding: 2px;
	margin-top: 7px;
	font-size: 2rem;
*/

.menu-toggle {
	background-color: tomato;
	width: 2.8rem;
	height: 2.6rem;
	float: right;
	text-align: center;
	box-sizing: border-box;
    color : white;
	font-size: 1.7rem;
	cursor: pointer;
	margin-top: .25rem;
	display: block;
	transition: .5s;
}

.fa-times {
	margin-top:.45rem;
}

/* X to close hamburger menu hidden by default */
.menu-toggle .fa-times {
	display: none;
}

/* Position the Hamburger Menu */
.Header_Lower nav {
	position: absolute;
    top: 50px;
    left: -100%;
    width: 100%;
	height: auto;
	padding-bottom: 0;
	background: #333;
    transition: 0.5s;
	float: right;
}

.Header_Lower nav.active {
	left: 0;
}

/* When hamburger menu is activated, hide hamburger menu icon, show X */
.fa-bars.active {
	display: none;
}

.fa-times.active {
	display: block;
}


/* Style the drop down menu */
.Header_Lower nav ul {
	margin: 0;
	padding: 0;
	display: block;
	text-align: left;
}

.Header_Lower nav ul li {
	list-style: none;
	position: relative;
	
}

.Header_Lower nav ul .Mobile_Only_Header {
	background-color: #CCC;
	padding: 10px;
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 900;
	color: #111;
}







/* DROP DOWN MENU STYLES */

.Header_Lower nav ul li ul {
	position: absolute;
	left: 0;
	background: #333;
	display: none;
}

.Header_Lower  nav ul li.active ul {
	display: block;
	position: relative;
	background: #003e6f;
	left: auto;
}

.Header_Lower nav ul li ul li {
	display: block;
	width: 100%;
	text-transform: none;
	background-color: initial;
	border: none;
	padding: 0;
	text-align: left;
}

.Header_Lower nav ul li a {
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #fff;
	text-decoration: none;
	display: block;
	border-bottom: 0.9px solid rgba(0, 0, 0, .2);
}

.Header_Lower nav ul li a:hover {
	background: yellow;
	color: #333;
}

.Header_Lower nav ul li a.active {
	background: yellow;
	color: #333;
}






/* MOBILE MENU - PHOTO MENU BUTTONS */

.Frame_QuickAccess {
	color: #FFF;
	background-color: #003541;
	padding: 1rem 0;
}

.Frame_QuickAccess a {
	color: yellow;
}

#Buttons_QuickAccess {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	justify-content: space-around;
}

#Buttons_QuickAccess li {
	display: block;
	text-align: center;
	width: 31%;
	padding: 0;
	margin: .4rem 0;
	list-style-type: none;
}

#Buttons_QuickAccess li a {
	background-color: #DDD;
	font-size: .95rem;
	font-weight: 500;
	line-height: initial;
	color: #333;
	height: initial;
	padding: 5px;
	text-decoration: none;
}

#Buttons_QuickAccess .Button_QuickAccess_Wide {
	width: 100%;
}

#Buttons_QuickAccess .Button_QuickAccess_Wide a {
	background-color: beige;
}


#Buttons_QuickAccess #Button_SystemAdministrator a {
	background-color: tomato;
	color: white;
	text-shadow: 3px 3px 3px #333;
}

#Buttons_QuickAccess li a:hover,
#Buttons_QuickAccess #Button_MonthlyOrders a:hover,
#Buttons_QuickAccess #Button_SystemAdministrator a:hover {
	background-color: yellow;
	color: #333;
	text-shadow: none;
}





/* MOBILE HAMBURGER MENU */

.Outer_Frame_Mobile_Menu_Instructions {
	background-color: black;
	padding: .75rem 1rem;
	text-align: center;
	font-weight: 500;
}

.Frame_Mobile_Menu_Instructions {
	border: 1px solid #FFF;
	background-color: gold;
	padding: .75rem 1rem;
	color: #000;
}

.Frame_Mobile_Menu_Instructions a {
	font-weight: 700;
}


.Section_LogIn_SignUp {
	width: 4rem;
	color: #FFF;
	font-size: .9rem;
	line-height: 1rem;
	text-align: center;
	padding: .3rem 0;
}

.Section_LogIn_SignUp a {
	color: #003A52;
	font-weight: 700;
	text-transform: uppercase;
}

.Section_LogIn_SignUp a:hover {
	color: #006D9B;
}

.Button_LogIn {
	display: block;
	font-size: .9rem;
	font-weight: 700;
	color: #444;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	background-color: rgb(255, 221, 150);
	padding: .1rem .2rem;
	border: 1px solid #777;
	border-radius: .22rem;
	cursor: pointer;
	margin: .2rem auto 0;
}

.Button_LogIn:hover {
	background-color: #FF0;
}

.Section_LogIn_SignUp p {
	margin: .3rem 0;
	display: block;
	font-size: .8rem;
	padding: 0;
	line-height: .9rem;
}

.Section_LogIn_SignUp a {
	color: #FFE;
	font-weight: 700;
}

.Section_LogIn_SignUp a:hover {
	color: yellow;
}




/* Background colors for mobile menu buttons */
.Mobile_Button_Red a {
	background-image: linear-gradient(#7a2a2a, #612121);
	/* background-color: #7a2a2a; */
}

.Mobile_Button_Black a {
	background-image: linear-gradient(#333, #222);
	/* background-color: #333; */
}

.Mobile_Button_Green a {
	background-image: linear-gradient(#265533, #1e4228);
	/* background-color: #265533; */
}

.Mobile_Button_About a {
	background-color: #111;
}



.MenuBar_Mobile li {
	text-align: center;
}

.Button_Main {
	margin: .3rem auto 1rem;
    display: block;
    width: 100%;
    font-size: 1rem;
    max-width: 16.875rem;
	background-image: linear-gradient(#00467F, #000030);
    color: #FFF;
	text-align: center;
    padding: .4rem;
    border: 1px solid #999;
    border-radius: .4rem;
}

.Button_Main:hover,
.Button_Background_Red:hover,
.Button_Background_Black:hover,
.Button_Background_Green:hover {
	background-image: none;
	background-color: yellow;
	color: #000;
}

a:hover .Button_Main {
	text-decoration: none;
}





.Button_Background_Red {
	background-image: linear-gradient(#B00, #111);
}

.Button_Background_Black {
	background-image: linear-gradient(#666, #111);
}

.Button_Background_Green {
	background-image: linear-gradient(#090, #111);
}












/* PAGE TITLE */
.Page_Title_Single_Line {
	display: flex;
	flex-wrap: nowrap;
}


/* GARVEY QUOTE */

.Page_Section_Quote {
	border-top: 1px solid #AAA;
	text-align: center;
	padding: 5rem 0 4rem;
	background-image: linear-gradient( #EEE, #DDD);
}

.Quote_Background_Gray {
	background-image: linear-gradient( #EEE, #DDD);
}

.Quote_Background_Orange {
	background-image: linear-gradient(rgb(253, 227, 170), rgb(255, 242, 215));
}

.Quote_Background_LightBLue {
	background-image: none;
	background-color: #EFF;
	border-bottom: 1px solid #DDD;
}

.Quote_Background_Tan {
	background-image: none;
	background-image: linear-gradient(rgb(253, 248, 224), rgb(245, 237, 202));
	border-bottom: 1px solid #DDD;
}

.Quote_Background_Burgundy {
	background-image: linear-gradient(rgb(253, 189, 170), rgb(255, 226, 215));
}

.Section_Quote_Image img {
	max-width: 220px;
	margin-bottom: 1.5rem;
}

.Section_Quote_Text {
	font-weight: 700;
	font-size: max(min(3.5vw, 1.5rem), 1.2rem);
	color: #555;
}

.Section_Quote_Text p {
	font-size: max(min(3.5vw, 1.5rem), 1.2rem);
	line-height: auto;
	font-weight: 700;
	color: #555;
	margin-bottom: 1rem;
}

.Section_Quote_Text a {
	font-size: max(min(3.5vw, 1.5rem), 1.2rem);
	font-weight: 700;
	color: #555;
}

.Frame_Bottom_Quote_Like {
	margin: .5rem auto;
}







.Frame_Document_General {
	width: 100%;
	border-radius: .4rem;
	background-color: white;
	padding: 2rem 1rem;
	box-shadow: rgba(0, 0, 0, 0.2) 0 .5rem 1rem, rgba(0, 0, 0, 0.18) 0 .3rem .3rem;
	margin-bottom: 3rem;
}




/* TWO COLUMN TEXT */
.Text_TwoColumns {
	display: flex;
	column-gap: 2rem;
	font-family: "Roboto Condensed", sans-serif;
}


/* CHECKMARK BULLET POINTS */

.Checkmark {
	display: inline-block;
	font-weight: 900;
	color: darkgreen;
	padding-right: 5px;
}

.Indented_Bullet_Text {
	display: inline-block;
}










/* BODY OF PAGE (drop below menu, also padding at bottom of body, before footer) */
.Page_Body {
	padding-top: 0;		/* was 81px */
	margin-bottom: 0; 	/* was 40px */
	
}

.Page_Body.active {
	display: none;
}






/* SUB NAV MENU */
.Frame_Sub_Nav_Menu {
	width: 100%;
	background-image: linear-gradient(#F6F6F6, #DDD);
	padding: .5rem 0;
	border-bottom: 1px solid #DDD;
	color: #333;
	margin-bottom: 2rem;
}

.Sub_Nav_Menu {
	margin: 0 auto;
	font-size: .9rem;
	text-align: center;
}

.Sub_Nav_Menu_Page_Title {
	color: darkred;
	font-weight: 500;
}







/* BACK TO TOP */
.Frame_BackToTop {
	background-color: #CEC;
	padding: .5rem 0;
	font-size: .95rem;
	text-align: center;
}

.Container_BackToTop a {
	color: #666;
	font-weight: 400;
	text-decoration: none;
}

.Frame_BackToTop:hover {
	background-color: #C6E7C6;
}






/* FOOTER STYLES */

.Footer_TTM_Copyright {
	margin-bottom: 1rem;
}

.Footer_Text_Size {
	font-size: .9rem;
	line-height: 1.2rem;
}

.Copyright_Text {
	color: #FFF;
}

.Copyright_Text:hover {
	text-decoration: underline;
}






/* UPPER FOOTER */

.Footer_Upper {
	width: 100%;
	background-color: #DFD;
	border-top: 1px solid #CCC;
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #777;
	display: flow-root;

}

.Site_Map_Small {
	display: block;
	width: 100%;
	list-style-type: none;
    list-style-position: inside;
    margin: 0;
	padding: 0;
	text-align: center;
}

.Site_Map_Small li {
	display: inline-block;
	margin: 0 .32rem;
}

.Site_Map_Small li a {
	font-family: 'Roboto';
	font-weight: 500;
	color: #0000CC;
}

.Site_Map_Large {
	display: none;
}







/* LOWER FOOTER */

.Footer_Lower {
	width: 100%;
	background-color: #333;
	padding: 2.6rem 0 1.75rem;
	text-align: center;
	color: #FFF;
}

.Follow_Share {
	width: 100%;
	margin: 10px 0px 3px 0px;
}

.Social_Media_Icons {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	width: 16rem;
	margin: 0 auto;
}

.Footer_Lower_Navigation {
    list-style-position: inside;
    margin: 0 0 13px 0;
	padding: 0;
 }

.Footer_Lower_Navigation li {
	display: inline-block;
}

.Copyright {
	margin: 0;
	display: block;
}

.Finishing_Garvey_Started {
	font-size: 1.05rem;
	line-height: 1.35rem;
	font-style: italic;
	margin: 0;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}

.Finishing_Garvey_Started a {
	font-weight: 900;
}

.Text_Marcus_Garvey {
	text-decoration: underline;
}


/* Text glow used around 'furthering Marcus Garvey's vision' in footer */
.Pulsing_Glow {
 	color: #fff;
	-webkit-animation: Pulsing_Glow 1s ease-in-out infinite alternate;
 	-webkit-transform:translate3d(0,0,0);
	-moz-animation: Pulsing_Glow 1s ease-in-out infinite alternate;
 	animation: Pulsing_Glow 1s ease-in-out infinite alternate;
	transform: Pulsing_Glow 1s ease-in-out infinite alternate;
}

@keyframes Pulsing_Glow {
  from {
    text-shadow: 0 0 2px #fff, 0 0 5px #FF0, 0 0 7px #FF0, 0 0 10px #FF0, 0 0 15px #FF0, 0 0 15px #FF0, 0 0 15px #FF0;
  }
  to {
    text-shadow: 0 0 4px #fff, 0 0 8px #fff, 0 0 13px #FF9, 0 0 16px #FF9, 0 0 20px #FF9, 0 0 20px #FF9, 0 0 20px #FF9;
  }
}

.Footer_TTM_Logo {
	width: 100%;
	max-width: 10rem;
	margin: 1rem auto .8rem;
}

.Finishing_Garvey_Started {
	margin: 1.2rem 0;
}





/* ALTERNATING TEXT */
/* <div class="Alternating_Text Alternate_Text_1"> */
/* <div class="Alternating_Text Alternate_Text_2"> */
.Alternating_Text {
	opacity: 0;
	position: absolute;
	display: flex;
	flex-wrap: nowrap;
}

.Alternate_Text_1 {animation: Animated_Text_1 24s infinite}
.Alternate_Text_2 {animation: Animated_Text_2 24s infinite}
.Alternate_Text_3 {animation: Animated_Text_3 24s infinite}

@keyframes Animated_Text_1 {
	0%	{opacity: 0;}
	5%	{opacity: 1;}
	29%	{opacity: 1;}
	34%	{opacity: 0;}
}

@keyframes Animated_Text_2 {
	34%	{opacity: 0;}
	39%	{opacity: 1;}
	61%	{opacity: 1;}
	66%{opacity: 0;}
}

@keyframes Animated_Text_3 {
	66%	{opacity: 0;}
	71%	{opacity: 1;}
	95%	{opacity: 1;}
	100%{opacity: 0;}
}








/* ALERT MESSAGE */

.Frame_Alert_Message {
	background-color: #000;
	display: block;
	width: 100%;
	text-align: center;
	padding: .5rem 1rem .75rem;
	border-radius: 5px;
	margin-bottom: 2rem;
}

.Frame_Alert_Message_Good {
	background-color: #00F;
}

.Frame_Alert_Message_Neutral {
	background-color: #777;
}

.Frame_Alert_Message_Good_Urgent {
	background-image: url("/Site/Graphics/Backgrounds/BG_Animated_Blue_blinking.gif");
}

.Frame_Alert_Message_Bad {
	background-color: #F00;
}

.Frame_Alert_Message_Bad_Urgent {
	background-image: url("/Site/Graphics/Backgrounds/BG_Animated_Red_blinking.gif");
}

.Frame_Alert_Message_Bad_Urgent_Red_Blank {
	background-image: url("/Site/Graphics/Backgrounds/BG_Animated_Red_blank_blinking.gif");
}

.Frame_Alert_Message_Bad_Urgent_Slow {
	background-image: url("/Site/Graphics/Backgrounds/BG_Animated_Red_blinking_slow.gif");
}

.Alert_Message_Headline {
	font-size: 1.4rem;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
}

.Alert_Message_Body {
	font-size: 1rem;
	font-weight: 400;
	color: #FF0;
}

.Alert_Message_Body a {
	color: #FFF;
}





/* SUPPORTER LEVEL / TITLE */
.Frame_Supporter {
	width: 10.5rem;
	max-width: 10.5rem;
	border: 0px solid #AAA;
	border-radius: .2rem;
	margin-top: .2rem;
	padding: 0;
	box-shadow: 2px 2px 8px 2px #CCC;
}

.Frame_Supporter_Level {
	width: 100%;
	background-color: azure;
	padding: .25rem .4rem .15rem;
	text-align: center;
	font-family: "Roboto Condensed", "Oswald", "Roboto", Arial, Helvetica, sans-serif;
	font-size: .85rem;
	line-height: .85rem;
	text-transform: uppercase;
}

.Frame_Supporter_Level a {
	color: #666;
	font-weight: 700;
}

.Frame_Supporter_Level a:hover {
	color: #666;
	text-decoration: underline;
}

.Frame_Supporter_Title {
	width: 100%;
	background-color:#888;
	font-size: .85rem;
	line-height: .95rem;
	font-weight: 400;
	padding: 2px 10px;
	text-align: center;
}

.Frame_Supporter_Title a {
	font-weight: 500;
	color: #FFF;
}

.Frame_Nation_Builder_Times_Earned {
	background-color: #444;
	font-size: .85rem;
	color: #EEE;
	font-weight: 500;
	text-align: center;
}






/* TEXT NAVIGATION */
.Text_Nav a {
	font-family: "Roboto Condensed", "Oswald", "Roboto", Arial, sans-serif;
	font-weight: 700;
}











/* DATA TABLE */

.Data_Table,
.Data_Table_Fixed {
	width: 100%;
	border-collapse: collapse; 
	background-color: #FFC;
	text-align: left;
}

.Data_Table_Small_Text {
	font-family: "Roboto Condensed", "Roboto", Arial, sans-serif;
	font-size: 1rem;
}

.Data_Table td,
.Data_Table th,
.Data_Table_Fixed td,
.Data_Table_Fixed th { 
	border: 1px solid #CCC; 
}

.Data_Table thead,
.Data_Table Fixed thead {
	text-align: left;
}

.Data_Table th,
.Data_Table_Fixed th {
	background-color: #555;
	color: #FFF;
	font-weight: 700; 
	padding: .5rem;
}

.Data_Table th a,
.Data_Table_Fixed th a {
	color: #FFF;
	text-decoration: underline;
}

.Data_Table td,
.Data_Table_Fixed td {
	color: #333;
	padding: .5rem;
	vertical-align: top;
}

/* Zebra striping */
.Data_Table tr:nth-of-type(odd),
.Data_Table_Fixed tr:nth-of-type(odd) { 
	background: #FFF; 
}

/* Important Row */
.Data_Table tr .Data_Table_Column_Pending,
.Data_Table_Fixed tr .Data_Table_Column_Pending {
	background: #00F;
	color: #FFF;
}

.Data_Table tr .Data_Table_Column_Important,
.Data_Table_Fixed tr .Data_Table_Column_Important {
	background: #F00;
	color: #FFF;
}

.Data_Table tr .Data_Table_Column_Important a,
.Data_Table_Fixed tr .Data_Table_Column_Important a {
	color: #FFF;
}

.Data_Table_Column_Inactive {
	background-color: #EEE;
}

#Data_Table_Column_Inactive {
	background-color: #DDD;
}

.Data_Table button,
.Data_Table_Fixed button,
.General_Button {
	font-size: 1.1rem;
	font-weight: 700;
	background-color: #039;
	color: #FFF;
	padding: .25rem .5rem;
	border-radius: .5rem;
}

.Data_Table button:hover,
.Data_Table_Fixed button:hover,
.General_Button:hover {
	background-color: yellow;
	text-decoration: none;
	color: black;
}

.Data_Table_SubHeading {
	background-color:#003541;
	color: rgb(211, 211, 53);
	font-size: 1.5rem;
	font-weight: 700;
}

.Data_Table_Fixed_Column_Number {
	text-align: right;
	min-width: 2.5rem;
	width: 2.6rem;
}

.Data_Table_Fixed_Column_Currency {
	text-align: right;
	min-width: 3.5rem;
	width: 3.4rem;
}

.Data_Table_Column_Date						{min-width: 13rem;}
.Data_Table_Column_Date_State_Abbreviation	{width:		2rem}
.Data_Table_Column_Date_Short				{width: 	6rem;}
.Data_Table_Column_Date_Short_FullYear		{width: 	8rem;	text-align: right}
.Data_Table_Column_Date_Elapsed				{width: 	7rem}
.Data_Table_Column_Date_Left				{width: 	11rem;	min-width: 10rem;	text-align: left;}
.Data_Table_Column_DateTime_Left			{width: 	15rem;	min-width: 14rem;	text-align: left;}
.Data_Table_Column_DateTime					{min-width: 16rem;	text-align: right;}
.Data_Table_Column_DateAbbrevoatedTimeShort	{width:		12rem;	min-width: 12rem; text-align: right;}
.Data_Table_Column_DateTime_Short			{min-width: 10rem;	text-align: right;}
.Data_Table_Column_DayDate_Short			{width:		11rem;	text-align: right;}
.Data_Table_Column_Number_Large				{width:		5rem;	text-align: right;}
.Data_Table_Column_Phone					{min-width: 8rem}
.Data_Table_Column_Time						{width:		5.5rem;	text-align: right;}
.Data_Table_Column_Name						{min-width: 13rem}
.Data_Table_Column_Name_Title_Abbreviation	{min-width: 8.5rem}
.Data_Table_Column_Photo_Thumbnail			{width: 	5rem}
.Data_Table_Column_ID						{width:		3rem}
.Data_Table_Column_ID_Button				{width:		6rem}

.Data_Table_Narrow {
	font-family: "Roboto Condensed", "Oswald", "Roboto", Arial, Helvetica, sans-serif;
}

.Data_Table_Column_Total {
	color: #000;
	font-weight: 700;
	display: inline;
}

.Data_Table_Unimportant {
	font-weight: 400;
	color: #666;
}

.Data_Table_SlightlyImportant {
	font-weight: 500;
}

.Data_Table_Important {
	font-weight: 700;
}

.Data_Table_Text_Minor {
	margin-top: .7rem;
	font-size: .8rem;
	color: #777;
}

.Data_Table_Text_SemiImportant {
	font-style: italic;
}

.Data_Table_Text_Deemphasize {
	font-size: .95rem;
}

.Data_Table_Text_GreatlyDeemphasize {
	font-size: .9rem;
}

.Data_Table_Text_Emphasize {
	text-transform: uppercase;
}

.Data_Table_Text_White {
	color: #FFF;
}

.Data_Table_Special {
	color: #C00;
}

.Data_Table_Alert {
	color: #F00;
}

.Data_Table_Alert_Minor {
	color: #900;
}

.Data_Table_Highlight {
	color: #00C;
}

.Data_Table_Valuable {
	color: rgb(25, 80, 43);
}

.Data_Table_Text_Minor {
	margin-top: .3rem;
	font-size: .85rem;
	color: #666;
}

.Data_Table_Supporter_Title {
	display: inline-block;
	padding: 1px 4px;
	background: #EEE;
	border: 1px solid #DDD;
	font-weight: 400;
}

.Data_Table_Sponsor_Name {
	color: #777;
	font-style: italic;
	display: inline-block;
	margin-top: 10px;
}

.Data_Table_Member_Photo {
	float: left;
	width: 50px;
	height: 70px;
	margin-right: 1rem;
}

#Email_Body {
	width: 1px;
	min-width: 100%;
	width: 100%;
}

.Data_Table_Cell_NarrowOnly {
	display: table-cell;
}

.Data_Table_Cell_WideOnly {
	display: none;
}

.Data_Table_Text_NarrowOnly {
	display: block;
}


.Data_Table_PhoneNumber_Frame {
	display: flex;
	flex-wrap: wrap;
}

.Data_Table_PhoneNumber_Label {
	width: 3rem;
}

.Data_Table_Fixed_Column_Number {
	text-align: right;
	min-width: 2.5rem;
	width: 2.6rem;
}

.Data_Table_Centered {
	text-align: center;
}

.Data_Table_Text_MobileOnly {
	font-family: "Roboto Condensed", Roboto, Arial;
	font-size: .9rem;
	color: #900;
	display: none;
}

.Data_Table_No_Data,
.No_Sales {
	width: 100%;
	max-width: 35rem;
	border: 1px solid #999;
	border-radius: .4rem;
	background-color: #FFF;
	padding: 1rem;
	color: #900;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 2.5rem;
}





.Frame_Major_Section,
.Frame_Single_Stat_Section,
.Frame_Single_Stat_With_Banners_Section,
.Frame_Double_Stat_Section,
.Frame_Triple_Stat_Section,
.Frame_DoubleTriple_Stat_Section,
.Frame_Quadruple_Stat_Section,
.Frame_Data_Table {
	width: 100%;
	border-radius: .4rem;
	background-color: white;
	padding: 1rem;
	box-shadow: rgba(0, 0, 0, 0.2) 0 .5rem 1rem, rgba(0, 0, 0, 0.18) 0 .3rem .3rem;
	margin-bottom: 3rem;
}

.Frame_Single_Stat_Section,
.Frame_Single_Stat_With_Banners_Section,
.Frame_Double_Stat_Section,
.Frame_Triple_Stat_Section,
.Frame_Quadruple_Stat_Section {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	column-gap: 1rem;
	row-gap: 1rem;
	margin-bottom: 3rem;
}


/* STAT TABLE */
.Stat_Table {
	width: 100%;
	border-collapse: collapse; 
	text-align: left;
	background-color: #FFC;
}

.Stat_Table th,
.Stat_Table th a {
	background-color: #555;
	color: #FFF;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.4rem;
}

.Stat_Table td,
.Stat_Table th {
	text-align: right;
	padding: .4rem;
}

.Stat_Table tr th:first-child,
.Stat_Table tr td:first-child {
	text-align: left;
	font-weight: 700;
}

.Stat_Table_With_Total tr th:last-child,
.Stat_Table_With_Total tr td:last-child {
	font-weight: 700;
	text-align: right;
}

.Stat_Table_With_Total th {
	text-align: center;
}

/* Zebra striping */
.Stat_Table tr:nth-of-type(odd) { 
	background-color: #FFF; 
}

.Stat_Table td,
.Stat_Table th { 
	border: 1px solid #CCC; 
}










/* SUPPORTER DATA TABLE */
.Not_Due,
.Due_Today,
.Past_Due,
.Past_Due_Blinking {
	font-weight: 700;
	color: white;
	padding: .25rem .5rem;
}

.Not_Due {
	background-color: #777;
}

.Due_Today {
	background-color: blue;
}

.Past_Due {
	background-color: red;
}

.Past_Due_Blinking {
	background-color: red;
	background-image: url("/site/graphics/backgrounds/BG_Animated_Red_blinking.gif");
}













/* AUTO/MANUAL SETTING */
.Frame_Data_Table_Setting {
	border: 1px solid;
	background-color: white;
	padding: .1rem .25rem;
	text-transform: uppercase;
	text-align: center;
	font-size: .85rem;
	font-weight: 500;
	color: blue;
	max-width: 5rem;
}

.Data_Table_Setting_Auto {
	border-color: blue;
	color: blue;
}

.Data_Table_Setting_Manual {
	border-color: red;
	color: red;
}

.Data_Table_Setting_Grayed {
	border-color: #888;
	color: #777;
}

/* Data Table Title */
.Data_Table_Title {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	color:#000;
	padding: 0;
	display: block;
	text-align: center;
	margin-bottom: 2rem;
}



.Data_Table_Header_Title_SelectBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 700;
	color: #444;
	background-color: #EEE;
	border: 1px solid #DDD;
	padding: .5rem;
}

.Frame_TitleAndDate {
	display: flex;
}

.TitleAndDate_Header {
	width: 3.8rem;
	text-align: left;
	margin-right: .5rem;
}










/* RED, BLACK, GREEN LIST ITEMS */

.RBG_List_Items li:nth-child(3n-2),
.RBG_Item_Red {
	color: #900;
}

.RBG_List_Items li:nth-child(3n-1),
.RBG_Item_Black {
	color: #333;
}

.RBG_List_Items li:nth-child(3n),
.RBG_Item_Green {
	color: #060;
}











/* FRAMED TOTAL BOX */
.Frame_Box_Total {
	margin-top: 1.5rem;
	padding: 1rem;
	border: 1px solid #333;
	background-color: #DDD;
	color: #555;
	font-weight: 700;
	font-size: 1.2rem;
	text-align: center;
	width: 100%;
}










.Mimic_HTML_Button {
    display: block;
    box-sizing: border-box;
    padding: 1px .3rem;
 
	font-size: .9rem;
    font-weight: 400;
    text-rendering: auto;
    text-align: center;
    text-transform: none;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    letter-spacing: normal;
    word-spacing: normal;
    color: buttontext;

    border: 2px outset buttonface;
    border-image: initial;
	border-radius: .4rem;

    background-color: buttonface;

    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    cursor: default;
}

.Mimic_HTML_Button:hover {
    border: 2px outset #FF7;
	background-color: #FF0;
	text-decoration: none;
}

.Mimic_HTML_Button:active {
	border-style: inset;
}







/* LIKE BUTTON */

.Frame_Button_Like {
	text-align: center;
	max-width: 10rem;
	margin: 0 auto;
}

.Frame_Button_Like input {
	opacity: 0;
	width: 	0;
	height: 0;
}

.Frame_Button_Like label {
	margin-top: -1.75rem;
}

.Button_Like,
.Button_Like_NotLoggedIn {
	color: #666;
	font-size: 1.2rem;
	font-weight: 500;
	padding: .2rem;
	width: 7rem;
	border-radius: .5rem;
}

.Button_Like {
	background-color: #F6F6F6;
	border-color: #E6E6E6;
	border: 1px solid #CCC;
	margin: 0 auto;
}

.Button_Like_Small {
	width: 2rem;
}

.Button_Like:hover,
.Button_Like_NotLoggedIn:hover {
	background-color: #E6E6E6;
	cursor: pointer;
}

.Text_Total_Likes {
	margin-top: .3rem;
	display: block;
	font-size: .95rem;
	line-height: 1.3rem;
	padding-bottom: .5rem;
}

.Like_Clicked {
	font-size: 1.5rem;
	font-weight: 500;
}

.Frame_Like_Button_Small_Count {
	display: flex;
	column-gap: .5rem;
	background-color: #F6F6F6;
	border-color: #E6E6E6;
	border: 1px solid #CCC;
	border-radius: .5rem;
	padding: .2rem;
}

.Text_Total_Likes_Small {
	line-height: .9rem;
}





/* THIS CODE DOESN'T MATTER ANYMORE BECAUSE IT IS GENERATED DYNAMICALLY IN LIKE BUTTON ROUTINE

	#Toggle_Like ~ .Text_Total_Likes .Total_Likes_You {
		display: none;
	}

	#Toggle_Like ~ .Button_Like_NotLoggedIn .Like_Clicked {
	 	display: none;
	}



	/* LIKE CLICKED When Logged In */
	#Toggle_Like:checked ~ .Button_Like {
		color: #4267B2;
	}

	#Toggle_Like:checked ~ .Text_Total_Likes .Total_Likes_You {
		display: inline;
	}
*/


/* LIKE CLICKED When NOT Logged In */
#Toggle_Like:checked ~ .Button_Like_NotLoggedIn .Like_NotClicked {
	display: none;
}

#Toggle_Like:checked ~ .Button_Like_NotLoggedIn .Like_Clicked {
	display: inline;
}











/* SHARE BUTTONS */
.Section_ShareButtons {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: .5rem .5rem 0;
}

.ShareButton_General {
	flex-grow: 1;
	flex-basis: 100px;
	text-align: center;
	margin: .5rem;
}

.Button_ShareType {
    font-family: "Oswald", "Roboto Condensed", Arial, Helvetica, sans-serif;
	font-size: .9rem;
    font-weight: 500;
	color:#333;
	min-width: 90px;
	padding: 0 0 5px;
	border-radius: .6rem;
	background-color: #EEE;
	border-color: #EEE;
}

.Button_ShareType img {
	display: block;
	height: 35px;
	padding-bottom: 5px;
	margin: .4rem auto 0;
}


.Button_ShareType:hover {
	background-color: yellow;
	border-color: yellow;
}








/* BUTTON DELETE X */

.Button_Delete_X {
	display: inline-block;
	background-color: #FFF;
	color: #333;
	font-weight: 900;
	font-size: .9rem;
	padding: 0 .5rem;
	border: 1px solid #DDD;
	border-radius: .4rem;
	margin: 0 .5rem;
}

.Button_Delete_X:hover {
	background-color: #FF0;
	color: #F00;
}






/* CENTER BLOCK ITEM */
/* For this to work, the outer frame div must include 'position: relative' */

.Frame_Center_Vertically {
	position: relative;
}

.Center_Vertically {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}









/* PHOTO REEL */

.Frame_Photo_Reel_Outer {
	background-color: black;
	padding: .4rem 0;
}


.Frame_Photo_Reel {
	background-color: black;
	padding: .4rem 0;
	border: .6rem solid white;
	border-style: dashed none dashed none;
}












/* ORDER DETAILS PAGE */

/*
	.PageTitle_OrderDetails,
	#Section_OrderDetails {
		max-width: 1200px;
}
*/

.Section_OrderDetails .Text_Header {
	font-size: .9rem;
	font-weight: 400;
	color: #555;
	text-transform: uppercase;
	margin-bottom: .4rem;
}

.Text_Order_Info {
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0 .5rem 1rem;
}

.Section_Order_Terminals .Text_CustomerName {
	font-family: "Oswald", sans-serif;
	font-size: 1.3rem;
	font-weight: 500;
	padding: 0;
	margin: 0 0 .2rem 0;
}

.Section_Order_Terminals .Text_CustomerName a {
	font-weight: 500;
}

.Section_Order_Terminals .Text_CustomerLocation {
	color: #666;
	font-size: .95rem;
}

.Section_OrderDetails .Text_Order_Date {
	margin-bottom: .5rem;
}

.OrderDetails_Section_Header {
	border: 1px solid #DDD;
	border-bottom: 0;
	background-color: #EEE;
	padding: .25rem 1rem;
    font-family: "Roboto Condensed", sans-serif;
	font-size: 1.7rem;
    font-weight: 500;
	color:#777;
	line-height: normal;
	text-align: left;
	border-radius: .5rem .5rem 0 0;
	margin: 0;
}

.Frame_OrderDetails_Section {
	border: 1px solid #DDD;
	border-radius: .4rem;
	background-color: #FFF;
	padding: 1rem;
	margin-bottom: 2rem;
}

.Frame_OrderDetails_DateTypeOrderNumber {
	display: flex;
	flex-basis: 150px;
	flex-wrap: wrap;
	justify-content: space-between;
	background-color:#EEE;
	padding-bottom: 0;

	
}

.Frame_OrderDetails_Customer {
	border-top: 1px solid #DDD;
	padding-top: 1.5rem;
	margin-bottom: 2rem;
}

.OrderDetail_CustomerPhoto,
.No_Photo {
	width: 100px;
	margin-right: 1rem;
	float: left;
}

.OrderDetail_CustomerInfo {
	width: calc(100% - 116px);
	float: left;
	font-size: 1rem;
}

.No_Photo {
	border: 1px solid #DDD;
	background-color: #EEE;
	padding: .5rem;
	text-align: center;
	font-size: .9rem;
	height: 130px;
}

.Section_OrderDetails a {
	text-decoration: none;
	font-weight: 400;
	color: #444;
}

.Section_OrderDetails h2 {
    font-family: "Roboto", sans-serif;
	font-size: 1.5rem;
    font-weight: 700;
	color:#555;
	text-align: left;
    margin: 0 0 .5rem;
}

.Section_OrderDetails .Order_Items_Photo {
	margin-right: 1.2rem;
}

.Order_Items_Price {
	display: none;
}

.Text_Product {
	margin-bottom: 1rem;
}

.Order_Item_Text_Product {
	font-weight: 500;
	color: #666;
}

.Order_Item_Text_Option_Description {
	display: inline-block;
	margin-bottom: .5rem;
	color: #666;
}

.Order_Item_Text_Price {
	display: inline-block;
	color: #C00;
	width: 4rem;
}

.Order_Item_Text_Points {
	font-style: italic;
	color: #555;
	display: inline-block;
	background: #E0FFFF;
	padding: 0 .4rem;
}

.Text_SubHeading {
	display: inline-block;
	font-weight: 500;
	color: #666;
	width: 4rem;
}

.Order_Item_Text_Shipping_Status {
	display: inline-block;
	background-color: azure;
	border: 1px solid #DDD;
	padding: .1rem .3rem;
	font-size: .95rem;
	text-align: center;
	border-radius: 1px solid .2rem;
}

.Order_Item_Text_Minor {
	color: #444;
	font-size: .9rem;
}

.Order_Items_Price .Text_SubHeading {
	display: none;
}

.Text_DeEmphasize {
	font-weight: 400;
	font-size: 1rem;
}

.Text_Emphasize {
	font-weight: 700;
}

.OrderDetails_SubTotal {
	list-style: none;
	padding: 0;
	margin: 0 0 0 auto;
}

.OrderDetails_SubTotal li {
	text-align: right;
}

.OrderDetails_SubTotal li .Text_SubHeading {
	float: left;
	font-weight: 500;
	color: #333;
	width: auto;
}

.OrderDetails_SubTotal li:last-child {
	font-size: 1.3rem;
	color: #333;
	font-weight: 700;
}

.Container_NoDisplayMobile {
	display: none;
}

.Frame_NoShippingAddress {
	background-color: #EEE;
}

.Frame_OrderDetails_PaymentMethods ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 .5rem 0;
}

.Frame_OrderDetails_PaymentMethods li {
	font-size: .95rem;
	margin-bottom: .6rem;
}

.Frame_OrderDetails_PaymentMethods li:last-child {
	margin-bottom: 0;
}

.OrderDetails_BalanceDue {
	border-top: 1px solid #DDD;
	padding-top: .5rem;
	padding-left: 2.9rem;
}




/* Display Orders */

.Frame_Order_Top {
	border: 1px solid #DDD;
	border-bottom: none;
	border-radius: .5rem .5rem 0 0;
	padding: 1rem;
	background-color: #EEE;
}

.Frame_Order_Top a,
.Frame_Order_Bottom a {
	text-decoration: none;
}

.Frame_Order_Top button {
	float: right;
	margin-right: 0;

}

.Button_Order_Details {
	padding: .5rem;
	font-size: 1.2rem;
	color: #3b5998;
	border-radius: 5px;
	border: 1px solid #3b5998;
	background-image: linear-gradient(#F0F8FF, #E0E8EF);
	margin-top: .3rem;
}

.Frame_Order_Bottom {
	border: 1px solid #DDD;
	border-top: none;
	border-radius: 0 0 .5rem .5rem;
	padding: 1rem;
	margin-bottom: 2.5rem;
	background-color: white;
}



/* Chose Display Period (used on Order History pages) */
.Section_Chose_Display_Period {
	width: 100%;
	margin-bottom: 1.5rem;
}

.Form_ChooseDisplayDate {
	display: inline-block;
}






/* PAGE NUMBERS TO DISPLAY */

.Section_PageNumbers {
	margin: 1.5rem 0 3rem;
	display: flex;
	justify-content: center;
}

.Section_PageNumbers button {
	padding: .1rem .6rem;
	font-size: 1rem;
	font-weight: 400;
	margin: 0 .15rem;
	color: #333;
	border: 1px solid #333;
	border-radius: .25rem;
}

.Section_PageNumbers a {
	text-decoration: none;
}

.Section_PageNumbers .Button_CurrentPage {
	border-color: rgb(170, 86, 18);
	font-weight: 700;
	color: rgb(170, 86, 18);
	background-color: #FFE;
}

.No_Button {
	padding: .2rem .6rem;
	color: #999;
	text-align: center;
	margin: 0;
}

.Frame_NoOrders {
	padding: 3rem;
	text-align: center;
	color: #444;
	border: 1px solid red;
}

.Section_Page_Numbers_Arrow {
	display: block;
	font-size: 1.3rem;
	font-weight: 700;
	padding: 0 .5rem;
	border-radius: .2rem;
}

a .Section_Page_Numbers_Arrow:hover {
	background-color: #FF9;
}

.Page_Number_Arrow_Left {
	margin-right: .2rem;
}

.Page_Number_Arrow_Right {
	margin-left: .2rem;
}

.Page_Number_Input {
	margin-top: .1rem;
	box-sizing: border-box;
	border: 1px solid #AAA;
	border-radius: .3rem;
	width: 3rem;
	height: 2rem;
	padding: 0 .5rem;
	font-size: 1rem;
}

.Section_Page_Numbers_Text {
	margin-top: .35rem;
}







/* ORDER DETAILS PAGE */
.Frame_Order_Details {
	width: 100%;
}

.Section_OrderItems {
	list-style: none;
	padding: 0;
	margin: 0;
}

.Section_OrderItems li {
	display: flex;
	flex-wrap: nowrap;
	padding: 1.5rem 0;
	column-gap: 1rem;
	border-bottom: 1px solid #DDD;
}

.Section_OrderItems li:first-child {
	padding-top: 0;
}

.Section_OrderItems li:last-child {
	padding-bottom: 0;
	border-bottom: none;
}

.Order_Items_Column .Order_Item_Column {
	flex-grow: 1;
}

.Order_Items_Photo {
	width: 70px;
	min-width: 70px;
	max-width: 70px;
	text-align: center;
}

.Section_OrderItems img {
	float: none;
	width: auto;
	height: auto;
	max-width:70px;
	max-height: 110px;
}

.Order_Items_NoPhoto {
	border: 1px solid #CCC;
	border-radius: .2rem;
	background-color: #F6F6F6;
	width: 70px;
	min-width: 70px;
	max-width: 70px;
	padding: .5rem;
	text-align: center;
	margin: 0 1rem 0 0;
}

.Order_Items_Text {
	width: 100%;
}

.Text_ShippingStatus {
	font-size: .9rem;
	margin-top: .2rem;
}

.Text_OrderNumber {
	font-size: .9rem;
	font-weight: 400;
}

.Text_OrderDate {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: 500;
}

.Text_TrackingNumber {
	display: block;
	font-size: .9rem;
	font-weight: 400;
	margin-top: 1rem;
}

.Order_Items_Divider {
	border-top: 1px solid #EEE;
	margin: 1rem 0;
}

.Button_Order_Detail_Actions {
	background-image: linear-gradient(#FFF, #DDD);
	font-size: .95rem;
	padding: 2px 4px;
	border-radius: .4rem;
	margin: 1rem .4rem 0 0;
}

.Button_BuyAgain {
	margin-right: .8rem;
	background-image: linear-gradient(#FFE2B8, #EDC97C);
	margin: 1rem .8rem 0 0;
}

.Button_Order_Detail_Actions:hover {
	background-color: #FF9;
}

.Frame_Order_Item_Actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.Frame_Order_Item_Action_Buttons_Secondary {
	display: flex;
	justify-content: flex-end;
}

.Frame_Order_Item_Action_Buttons_Secondary a:last-child button {
	margin-right: 0;
}

/* Since already displaying small buttons, hide side buttons for desktop */
.Section_OrderItems .Order_Item_Side_Buttons {
	display: none;
}






/* YOUR ADDRESSES */

.Frame_Addresses {
	display: block;
	margin: 1rem 0 5rem;
}

.Address_Card {
	width: 100%;
	border-radius: .25rem;
	margin-bottom: 2.5rem;
}

.Address_Card_Header,
.Address_Card_Body,
.Address_Card_Footer {
	padding: 1.1rem;
	border: 1px solid #CCC;
	border-radius: .25rem;
}

.Address_Card_Header {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: none;
	background-image: linear-gradient(to bottom, #FFF, #DDD);
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	font-size: 1.2rem;
	color: #955;
}

.Address_Card_Body {
	background-color: #FFF;
	border-top: none;
	border-bottom: none;
	border-radius: 0;
	min-height: 12rem;
	font-size: .95rem;
}

.Address_Card_Footer {
	border-top: none;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	background-color: #E6E6E6;
	display: flex;
	padding-top: .6rem;
	padding-bottom: .6rem;

}

.Address_Card_Button {
	border: 1px solid #999;
	border-radius: .25rem;
	background-image: linear-gradient(to bottom, white, #EEE);
	font-size: .9rem;
	margin-right: .4rem;
	color: #333;
}

.Address_Card_Button:hover {
	background-image: none;
	background-color: yellow;
	color: #000;
}

.Address_Card_Button_UseThisAddress {
	font-weight: 500;
	background-image: linear-gradient(#00467F, #000060);
	color: #FFF;
}

.Address_Card_Footer .form_SetAsDefault {
	margin-left: auto;
	margin-right: 0;
}

.Frame_Address_Default {
	background-color: #FF6;
	padding: .2rem .4rem;
	font-size: .9rem;
	font-weight: 500;
	color: #666;
	text-align: center;
	margin: 0;
}

.Address_Card_Footer a:last-child {
	margin: 0 0 0 auto;
}

.Frame_Address_BeingUsed {
	background-color: rgb(217, 250, 250);
	padding: .2rem .4rem;
	font-size: .9rem;
	font-weight: 500;
	color: #666;
	text-align: center;
	border: 1px solid #EEE;
	margin-top: .5rem;
}

.Button_Add_Address {
	background-image: linear-gradient(#FFF, #DDD);
	font-size: 1rem;
	padding: .2rem .4rem;
	border-radius: .4rem;
}








/* PAYMENT METHODS (credit cards) */

.Frame_Credit_Cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 1.5rem;
	row-gap: 2rem;
	margin-bottom: 5rem;
}

.Frame_Credit_Card_And_Footer {
	min-width: 18rem;
	min-height: 12rem;
	flex-basis: 20.98rem;
	flex-shrink: 2;
}

.Credit_Card {
	border: 1px solid #DDD;
	border-radius: .4rem;
	background-color: #F7F7F7;
	padding: 1rem;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: none;
	width: 100%;
	min-width: 18rem;
	max-width: 20.98rem;
}

.Credit_Card_Single {
	border-bottom-left-radius: .4rem;
	border-bottom-right-radius: .4rem;
	border-bottom: 1px solid #DDD;
	min-height: 12rem;
	margin-bottom: .8rem;
}

.Section_Card_Logo_Number {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1rem;
}

.Credit_Card .Payment_Card_Logo {
	width: 5.2rem;
}

.Payment_Card_Number_ExpDate {
	text-align: right;
}

.Payment_Card_Number {
	line-height: 1rem;
	margin-bottom: .1rem;
}

.Payment_Card_Number_Last4 {
	font-size: 1.8rem;
	line-height: 2rem;
	font-weight: 500;
	font-family: "Roboto Condensed", sans-serif;
}

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

.Payment_Card_Name {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 1.2rem;
	font-weight: 700;
}

.Frame_Payment_Card_Buttons {
	display: flex;
}

.Payment_Card_Button {
	background-color: #FFF;
	border: 1px solid #BBB;
	border-radius: .4rem;
	font-size: .9rem;
	margin-right: .3rem;
	text-align: center;
}

.Frame_Payment_Card_Buttons form:last-child .Payment_Card_Button {
	margin-right: 0;
}

.Payment_Card_Button_Add {
	font-size: 1.2rem;
}

.Frame_Add_Card {
	border: .4rem dashed #CCC;
	background-color: #FFF;
	text-align: center;
	border-bottom-left-radius: .4rem;
	border-bottom-right-radius: .4rem;
}

.Frame_BeingUsed,
.Frame_NotBeingUsed {
	margin-bottom: .5rem;
	padding: .3rem 0;
	font-size: .9rem;
	font-weight: 500;
	color: #333;
}

.Frame_BeingUsed {
	border: 1px solid #CCC;
	padding: .4375rem 0;
	background-color: #BFF;
	text-align: center;
}






/* ADD / EDIT CARD */
.Frame_Credit_Card_Notice {
	font-size: .95rem;
	margin-bottom: 2rem;
}

.Credit_Card_Notice_Text {
	margin-bottom: .5rem;
}

.Frame_Credit_Card_Notice img {
	width: 24.5rem;
}

.Frame_CreditCardAdd {
	margin: 2rem 0;
	background-color: #EEE;
	padding: .5rem 1rem;
	width: 100%;
	max-width: 24.5rem;
	font-size: .95rem;
}

.Form_Add_Credit_Card_Row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: .4rem;
}

.Frame_CreditCardAdd .Form_Caption {
	text-align: left;
	font-weight: 500;
	width: 100%;
}

.Frame_CreditCardAdd .Payment_Card_Logo {
	width: 5.2rem;
}

.Form_Add_Security_Code_And_Instructions {
	width: 100%;
	display: flex;
}

.Frame_Credit_Card_Security_Code {
	width: 4rem;
	margin-right: .5rem;
}

.Form_Input_SecurityCode {
	width: 4rem;
	margin-right: .5rem;
}



.Form_Credit_Card_Format {
	font-size: 1.4rem;
	font-weight: 700;
}

.Frame_Credit_Card_Expiration_Date {
	display: flex;
}

.Frame_Credit_Card_Expiration_Date select {
	width: 6rem;
}

.Row_UseForAutoshipOrders {
	padding-top: 1rem;
	padding-bottom: 1rem;
	flex-wrap: nowrap;
	justify-content: left;
}

.Row_UseForAutoshipOrders .Form_Caption {
	width: auto;
	padding-right: .5rem;
}

.Row_ExpDate {
	margin-bottom: 0;
}

.Row_Nickname{
	margin: 1.5rem 0 .5rem;
}

.Frame_CreditCardAdd .Button_Main {
	margin: 0;
}

.Text_ChangeBillingAddressLink {
	margin: .5rem 0 0;
}






/* ADD ADDRESS */
.Frame_Add_Address {
	border-radius: .5rem;
	background-color: #EEE;
	padding: 1rem 1rem .5rem;
	width: 100%;
	max-width: 34.5rem;
	font-size: .95rem;
}

.Form_Add_Address_Row {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin-bottom: .4rem;
}

.Form_Add_Address_Row .Form_Caption {
	text-align: left;
	font-weight: 500;
	width: 100%;
}

.Form_Add_Address_Row .Section_Input_Checkboxes {
	margin-top: 1rem;
}

.Input_Address_Residential {
	margin-bottom: 1rem;
}

.Form_Add_Address_Row .Button_Main {
	margin: 0 0 1rem;
	width: 13rem;
}








/* SHIPPING METHOD */
.Table_Shipping_Method {
	width: 100%;
	background-color: #FFF;
}

.Table_Shipping_Method tr:hover {
	background-color: #FF9;
}

.Table_Shipping_Method td {
	padding: .5rem .3rem;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: none;
	border-right: none;
}

.Table_Shipping_Method td:first-child {
	padding-top: .83rem;
	padding-left: .6rem;
	padding-right: .4rem;
	text-align: center;
}

.Table_Shipping_Method tr:first-child td {
	border: 0;
}

.Table_Shipping_Method tr:last-child td {
	border: 0;
}








/* TESTIMONIALS */
.Frame_Testimonial {
    padding: 6rem 0;
}

.Frame_Testimonial_Intro {
	background-color: #FFF;
}

.Testimonial_Intro_Text {
	font-size: 1.2rem;
	max-width: 50rem;
	text-align: center;
	margin: 0 auto;
}

.Container_Testimonial {
	text-align: center;
}

.Container_Testimonial img {
	width: 100%;
	margin-bottom: 2rem;
}

.Testimonial_Text {
	text-align: left;
	font-size: 1.1rem;
}

.Testimonial_Name {
	font-size: 2.5rem;
	line-height: 3rem;
	font-weight: 900;
	text-align: center;
}

.Testimonial_Name_Pronounciation {
	color:#CCC;
	text-align: center;
}

.Testimonial_Company {
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 1.5rem;
}

.Testimonial_Company a {
	text-decoration: underline;
}







/* STANDARD IMAGE TEXT RESPONSIVE */

.Frame_ImageText {
	width: 100%;
	display: block;
}

.ImageText_Image {
	width: 100%;
	max-width: 34rem;
	padding: 0;
	margin: 0 auto 2rem;
 }
 
.ImageText_Text {
	display: block;
    text-align: center;
	max-width: 90%;
	padding: 0;
	margin: 0 auto;
}

.ImageText_Text p {
	width: 100%;
	margin: 0 0 1.5rem;
	padding: 0;
}

.ImageText_Text p:last-child {
	margin-bottom: 0;
}






.Frame_ImportantNote {
	border: 1px solid #DDD;
	border-radius: .25rem;
	background-color: #FFC;
	padding: .75rem;
	font-size: .95rem;
	color: #333;
	margin-bottom: 1.5rem;
}





.Frame_Note {
	display: flex;
	border: 1px solid #DDD;
	border-radius: .25rem;
	max-width: 54rem;
	margin: 4rem auto 3rem;
}

.Note_Heading {
	background-color: #555;
	padding: .75rem;
	font-size: 1.2rem;
	font-weight: 700;
	color: #FFF;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.Note_Text {
	width: 100%;
	background-color: #FFF;
	font-size: .95rem;
	padding: 1rem;
	color: #333;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}






#Text_Partner_Access {
	margin-top: 0;
	display: inline-block;
	border: 1px solid #DDD;
	border-radius: .2rem;
	background-color: red;
	padding: .2rem .4rem;
	font-size: .9rem;
	line-height: 1rem;
	font-weight: 700;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
}







/* VERTICAL SPACED SECTIONS */

.Section_VerticalSpaced {
	background-color: #FFF;
	padding: 4rem 0;
	border-bottom: 1px solid #AAA;
}

.VerticalSpaced_Headline {
   font-family: "Roboto Condensed", "Roboto", "Oswald", Arial, Helvetica, sans-serif;
   font-size: 2rem;
   line-height: 2.5rem;
   font-weight: 700;
   color: #844;
   margin-bottom: 1.5rem;
}

.Section_VerticalSpaced h4 {
	font-family: "Roboto Condensed", "Roboto", "Oswald", Arial, Helvetica, sans-serif;
	font-size: 1.7rem;
	line-height: 2.5rem;
	font-weight: 700;
	color: #444;
	margin-bottom: 1rem;
 }

.Container_VerticalSpaced {
   max-width: 48rem;
   margin: 0 auto;
   text-align: center;
}

.VerticalSpaced_Text p,
.VerticalSpaced_Text li {
	font-size: 1.1rem;
	font-weight: 400;
	text-align: left;

}

.VerticalSpaced_Text p {
   margin-bottom: 1.5rem;
}

.Section_VerticalSpaced img {
   margin: 0 auto 1.5rem;
   width: 100%;
   max-width: 34rem;
}

.Section_VerticalSpaced_Portrait img {
	max-width: 26rem;
}

.Frame_VerticalSpaced_Intro {
	text-align: center;
	max-width: 60rem;
	margin: 0 auto;
}

.VerticalSpaced_Intro_Headline {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 2.2rem;
	font-weight: 900;
	line-height: 3.2rem;
	color: black;
	margin-bottom: 2rem;
	text-align: center;
}

.VerticalSpaced_Intro_Text {
	font-size: min(max(1.2rem, 2.2vw), 1.55rem);
	font-weight: 500;
	text-align: center;
	max-width: 60rem;
	margin: 0 auto;
}










/* FEATURE BUTTON */

.Button_Feature {
    font-family: "Oswald", "Open Sans Condensed", sans-serif;
	font-size: 1.9rem;
    font-weight: 400;
	
    text-transform: uppercase;
	padding: .5rem .8rem;

	background-image: linear-gradient(#EEF, #DCFAFF);
	color: #009;
	border: 2px solid #009;
	border-radius: 10px;
	cursor: pointer;
}

.Button_Feature:hover {
	background-image: none;
	background-color: #FF6;
}







/* SMS & EMail Buttons */
.Frame_SMS_Text_Buttons {
	margin: 1rem auto 0;
	display: flex;
	justify-content: space-between;
	width: 7rem;
	font-size: .85rem;
	font-weight: 500;
	color: #444;
}

.Frame_SMS_Text_Buttons a {
	color: #444;
}

.Frame_SMS_Text_Buttons a button {
	-webkit-appearance: none;
	background-color: #EEE;
	border-color: #999;
	border-width: 1px;
	border-radius: .3rem;
	padding: 0 .3rem;
	color: #444;
	text-transform: uppercase;
}

.Frame_SMS_Text_Buttons a button:hover {
	background-color: yellow;
}






/* BUTTON GARVEY NATION ONLINE COMMUNITY */

.Container_EnterGarveyNation {
	width: 100%;
	text-align: center;
	margin: .3rem 0;
}

.Container_EnterGarveyNation a {
	font-weight: 900;
}

.Frame_Button_GarveyNation {
	width: 100%;
	text-align: center;
}

.Button_GarveyNation {
	width: min(max(50%, 20rem), 40rem);
	border-radius: .9rem;
	padding: .5rem 1.25rem 1.2rem;
    outline: none;
    background-color: #FFF;
    background: linear-gradient(#000, #444);
	background-image: url('/site/graphics/backgrounds/textures/Background_AfricanDarkEmbossed_SVG.svg');
	box-shadow: inset 0 2px 0px #FFF;
    box-shadow: 0 .25rem .4rem #666;
    border: .7rem solid #222;
    cursor: pointer;
	color: #FDF2DA;
	margin: 0;
}

.Button_GarveyNation:hover {
	background: yellow;
	color: #555;
}

.Text_IntroEnd_CTA,
.Text_IntroEnd_CTA_Bottom {
	display: block;
	font-size: min(3rem, max(2.5vw, 1.7rem));
	line-height: min(3.9rem, max(3.7vw, 2.6rem));
	font-weight: 900;
	margin-bottom: .5rem;
}

.Text_IntroEnd_CTA_Bottom {
	margin: .5rem 0 0;
}



/* PULSING BOX HIGHLIGHT */

.Pulsing_Highlight {
	animation: borderchange 6s infinite; /* animation-name followed by duration in seconds*/
	/* you could also use milliseconds (ms) or something like 2.5s */
	-webkit-animation: borderchange 6s infinite; /* Chrome and Safari */
}

@keyframes borderchange
{
  0%   {border-color: red;}
  25%  {border-color: black;}
  50%  {border-color: green;}
  75%  {border-color: black;}
  100% {border-color: red;}
}

@-webkit-keyframes borderchange /* Safari and Chrome - necessary duplicate */
{
  0%   {border-color: red;}
  25%  {border-color: black;}
  50%  {border-color: green;}
  75%  {border-color: black;}
  100% {border-color: red;}
}







/*MEMBER HEADER */

.Frame_MemberHeader_Icons_TimeElapsed {
	display: flex;
	column-gap: .75rem;
	flex-wrap: wrap;
}

.Frame_MemberHeader_Photo_Name_Icons {
	width: 100%;
	display: flex;
	column-gap: 1rem;
	padding-bottom: .5rem;
	margin-bottom: .75rem;
}

.MemberHeader_Photo {
	width: 3.7rem;
	max-width: 3.7rem;
}

.Frame_MemberHeader_Name_Icons {
	display: flex;
	flex-wrap: wrap;
}

.MemberHeader_Name {
	font-family: Roboto, "Roboto Condensed", Oswald, Arial, Helvetica, sans-serif;
	font-size: 	1rem;
	font-weight: 500;
	line-height: .8rem;
	line-height: 1.3rem;
	/* padding: .05rem .2rem 0; */
	padding: 0;
}

.MemberHeader_Name a {
	color: #039;
	font-weight: 500;
}

.Frame_MemberHeader_Icons {
	display: flex;
	justify-content: left;
	column-gap: 1rem;
}

.MemberHeader_Company {
	background-color: #33C;
	padding: 0 .2rem;
	border-radius: .35rem;
	font-size: .9rem;
}

.MemberHeader_Company a {
	font-weight: 500;
	color: #FFF;
}

.MemberHeader_Company a:hover {
	color: #FF0;
	text-decoration: none;
}

.MemberHeader_Location {
	font-size: .9rem;
}

.MemberHeader_TimeElapsed {
	margin-top: .1rem;
	font-size: .9rem;
}

.Frame_Header_Delete {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.Frame_Message_Delete_Button {
	width: 2rem;
	max-width: 2rem;
	text-align: right;
}


.Delete_Reply {
	float: right;
	border: 1px solid red;
	border-radius: .3rem;
	background-color: white;
	text-align: center;
	font-size: 1.1rem;
	font-weight: 900;
	color: red;
	padding: 0 .25rem;
	margin: 0 0 .25rem .25rem;
}

.Delete_Reply:hover {
	background-color: yellow;
}










/* SECTION: REFERRED BY */

.Section_ReferredBy {
	background-image: linear-gradient(#FFF, #DDD);
    padding: 2rem 0;
    text-align: center;
}

.Frame_ReferredBy {
	width: 100%;
}

.ReferredBy_Photo {
	max-width: 7rem;
	margin: 0 auto 1rem;
}

.ReferredBy_Photo img {
	width: 100%;
	max-width: none;
	border-radius: .4rem;
}

.ReferredBy_Name_Message {
	width: 100%;
	text-align: center;
}

.ReferredBy_Title {
	font-size: .95rem;
	line-height: 1.5rem;
	color: #555;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: underline;
	margin-bottom: .7rem;
}

.ReferredBy_Name {
	font-size: 1.4rem;
	color: #555;
	font-weight: 700;
	margin-bottom: .8rem;
}

.ReferredBy_Message p {
	font-size: 1.1rem;
	margin-bottom: .5rem;
}

.ReferredBy_Message a {
	display: inline-block;
	border: 1px solid #CCC;
	border-radius: .4rem;
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	background-color: rgba(40, 69, 150, 0.973);
	padding: 0 .4rem;
}

.ReferredBy_Message a:hover {
	background-color: yellow;
	color: #000;
}





/* Blinking Red Background, White Text */
.Blinking_Red_Background {
	display: inline-block;
	font-weight: 700;
	webkit-animation:  blinker 2s infinite; /* Safari 4+ */
	-moz-animation:    blinker 2s infinite; /* Fx 5+ */
	-o-animation:      blinker 2s infinite; /* Opera 12+ */
	animation:         blinker 2s infinite; /* IE 10+, Fx 29+ */
  }
  
  @-webkit-keyframes blinker {
	0%, 74% {
		color: white;
		background-color: red;
		padding: 2px 4px;
	}
	75%, 100% {
		color: red;
		background-color: white;
		padding: 2px 4px;
	}
  }





.Frame_Message_Citizens_Only {
	border: 4px solid red;
	border-radius: .5rem;
	background-color: white;
	padding: .75rem 1rem;
	font-size: 1.2rem;
	font-weight: 700;
	color: #444;
	text-align: center;
}






/* GARVEY QUOTE WITH TOP & BOTTOM BORDER */

.Frame_GarveyQuote_TopBottomBorder {
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 1rem 0;
	font-family: "Oswald", "Open Sans Condensed", sans-serif;
	font-size: min(max(4vw, 1.5rem), 1.9rem);
	font-weight: 500;
	color: #333;
	margin-bottom: 2rem;
}

.Frame_GarveyQuote_TopBottomBorder_Dark_Background {
	border-color: #CCC;
	color: #FFF;

}

.Frame_GarveyQuote_TopBottomBorder a {
	color: #333;
	font-weight: 500;
}

.Frame_GarveyQuote_TopBottomBorder_Dark_Background a {
	color: #FFF;
}

.Frame_GarveyQuote_TopBottomBorder .Text_On_Black_Background {
	color: white;
}







/* PAGE DIMMER */
#Dim_Page {
    background-color: rgba(255, 255, 255, .6);
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
}











/* ================================= 
MEDIA QUERIES
==================================== */



@media (max-width: 319px) {

	#Purpose_Text_Tiny {
		display: inline;
	}

	#Purpose_Text_Short {
		display: none;
	}

}




@media (max-width: 400px) {

	.Category_Menu {
		width: 100%;
		text-align: center;
	}

}









/* 
----  SMALLER THAN 786 (special styling for data tables) -----
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen SMALLER than 768px and also iPads specifically.
*/
@media (max-width: 768px)  {

	/* Force table to not be like tables anymore */
	.Data_Table,
	.Data_Table thead,
	.Data_Table tbody,
	.Data_Table th,
	.Data_Table td,
	.Data_Table tr { 
		display: block; 
	}

	.Data_Table_Small_Text {
		font-family: Roboto, Arial, sans-serif;
	}


	/* Hide table headers (but not display: none;, for accessibility) */
	.Data_Table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.Data_Table tr {
		border: 1px solid #CCC;
	}
	
	.Data_Table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #DDD; 
		position: relative;
		padding-left: 7rem;
	}
	
	.Data_Table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: .5rem;
		left: .5rem;
		width: 5.2rem; 
		padding-left: .5rem;
		padding-right: .7rem; 
		white-space: nowrap;
		font-family: "Roboto Condensed", "Oswald", "Roboto", Arial, Helvetica, sans-serif;
		font-size: .9rem;
		color: #444;
		font-weight: 900;
		background-color: #DDD;
	}

	.Data_Table_Column_Fixed {
		min-width: auto;
	}

	.Data_Table_Text_NarrowOnly {
		display: none;
	}

	.Data_Table_Text_MobileOnly {
		display: inline-block;
	}

	.Data_Table_Vertical th {
		display: none;
	}

	.Data_Table_Column_Date,
	.Data_Table_Column_Date_State_Abbreviation,
	.Data_Table_Column_Date_Short,
	.Data_Table_Column_Date_Elapsed,
	.Data_Table_Column_DateTime,
	.Data_Table_Column_DateTime_Short,
	.Data_Table_Column_DayDate_Short,
	.Data_Table_Column_Time,
	.Data_Table_Column_Name,
	.Data_Table_Column_Name_Title_Abbreviation,
	.Data_Table_Column_Photo_Thumbnail,
	.Data_Table_Column_ID {
		width: auto;
	}

	.Data_Table_OrderList td:nth-of-type(1):before { content: "DATE"; }
	.Data_Table_OrderList td:nth-of-type(2):before { content: "ORDER"; }
	.Data_Table_OrderList td:nth-of-type(3):before { content: "TYPE"; }
	.Data_Table_OrderList td:nth-of-type(4):before { content: "CUSTOMER"; }
	.Data_Table_OrderList td:nth-of-type(5):before { content: "ITEMS"; }
	.Data_Table_OrderList td:nth-of-type(6):before { content: "MARKETER"; }
	.Data_Table_OrderList td:nth-of-type(7):before { content: "POINTS"; }
	.Data_Table_OrderList td:nth-of-type(8):before { content: "TOTAL"; }

	.Data_Table_Attendees td:nth-of-type(1):before { content: "PHOTO"; }
	.Data_Table_Attendees td:nth-of-type(2):before { content: "MEMBER"; }
	.Data_Table_Attendees td:nth-of-type(3):before { content: "PHONE"; }
	.Data_Table_Attendees td:nth-of-type(4):before { content: "STATUS"; }

	.Data_Table_ContactList td:nth-of-type(1):before { content: "NAME"; }
	.Data_Table_ContactList td:nth-of-type(2):before { content: "CITY"; }
	.Data_Table_ContactList td:nth-of-type(3):before { content: "STATE"; }
	.Data_Table_ContactList td:nth-of-type(4):before { content: "COUNTRY"; }
	.Data_Table_ContactList td:nth-of-type(5):before { content: "PHONE"; }
	.Data_Table_ContactList td:nth-of-type(6):before { content: "JOINED"; }
	.Data_Table_ContactList td:nth-of-type(7):before { content: "LAST ON"; }
	.Data_Table_ContactList td:nth-of-type(8):before { content: "ORDERS"; }

	.Data_Table_NewsArticles td:nth-of-type(1):before { content: "DATE"; }
	.Data_Table_NewsArticles td:nth-of-type(2):before { content: "ARTICLE"; }
	.Data_Table_NewsArticles td:nth-of-type(3):before { content: "TYPE"; }
	.Data_Table_NewsArticles td:nth-of-type(4):before { content: "STATUS"; }

	.Data_Table_Shipments td:nth-of-type(1):before { content: "SHIPPED"; }
	.Data_Table_Shipments td:nth-of-type(2):before { content: "METHOD"; }
	.Data_Table_Shipments td:nth-of-type(3):before { content: "TRACK #"; }

	.Data_Table_MarketerContacts td:nth-of-type(1):before { content: "NAME"; }
	.Data_Table_MarketerContacts td:nth-of-type(2):before { content: "PHONE"; }
	.Data_Table_MarketerContacts td:nth-of-type(3):before { content: "JOINED"; }
	.Data_Table_MarketerContacts td:nth-of-type(4):before { content: "LAST ON"; }
	.Data_Table_MarketerContacts td:nth-of-type(5):before { content: "ORDERS"; }

}










/* STANDARD MEDIA QUERIES */

/* We are using mobile first approach, so default styles above are for screens smaller than 576px */

/* Very Small devices (landscape phones, 400px and up) */
@media only screen and  (min-width: 380px) {

}






/* Very Small devices (landscape phones, 400px and up) */
@media only screen and  (min-width: 400px) {

	.Header_Upper {
		height: 81px;
	}

	.Frame_SiteLogo_MenuBarIcons {
		width: 100%;
		display: flex;
		flex-wrap: nowrap;
		column-gap: min(max(1rem, 4vw), 2rem);
	}

	/* Site Logo */
	.Frame_Site_Logo {
		width: 10rem;
		min-width: 10rem;
		margin-bottom: 0;
	}

	.Site_Logo {
		margin: 3px 0 0;
		min-width: 10rem;
		margin: 5px 0 0;
	}

	.MenuBar_Icons {
		flex-wrap: nowrap;
		justify-content: space-between;
		column-gap: min(max(.5rem, 1.5vw), 2rem);
	}

	.Mobile_Only_400px {
		display: none;
	}

	.Desktop_Only_400px {
		display: inline-block;
	}

	.Header_Text_Powered_By {
		display: block;
		font-style: italic;
	}

	.Purpose_Text {
		font-size: 1.05rem;
	}

}








/* Small devices (landscape phones, 576px and up) */
@media only screen and  (min-width: 576px) {

	.Container {
		width: 90%;
		margin: 0 auto;
	}

	.Mobile_Only_576px {
		display: none;
	}

	.Desktop_Only_576px {
		display: inline-block;
	}


	/* Get rid of margin that keeps the upper menu to left of the hamburger menu, since the 83% container handles it */
	.Header_Upper .Container {
		margin-right: auto;
	}

	.Site_Logo {
		margin-right: 1rem;
	}
	
	


	.Site_Title {
		font-size: 1.2rem;
	}


	/* Account Drop Down Menu */
	.Frame_AccountMenu {
		padding: 0 .3rem 0 .1rem;
}



	#Purpose_Text_Short,
	#Purpose_Text_Medium,
	#Purpose_Text_Full {
		display: none;
	}

	#Purpose_Text_Medium {
		display: block;
	}




	/* HEADER STYLES */

	.Button_LogIn {
		font-size: .9rem;
	}

	/* Display Shout_Outs, Supporter_Order, Earnings icons on small screens */
	.Icon_ShoutOuts {
		display: block;
	}

	.Account_Menu {
		left: calc(4.5vw + 1rem);
	}	


	




	/* FOOTER STYLES */
	.Site_Map_Small li {
		margin: 0 .6rem;
	}

	.Footer_Text_Size {
		font-size: 1rem;
		line-height: 1.3rem;
	}

	.Finishing_Garvey_Started {
		font-size: 1.1rem;
		line-height: 1.45rem;
	}




	/* ORDER DETAILS PAGE */

	.Section_OrderDetails .Order_Items_Photo {
		margin-right: 2rem;
	}

	.Order_Item_Text_Price {
		width: 5rem;
	}





	/* ADDRESSES */

	.Frame_Addresses {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		column-gap: 1.5rem;
		row-gap: 2rem;
	}

	.Address_Card {
		flex-basis: 20.98rem;
		margin-bottom: 0;
	}

	/* Add Address Page */
	.Form_Add_Address_Row {
		flex-wrap: nowrap;
	}

	.Form_Add_Address_Row .Form_Caption {
		text-align: right;
		flex-basis: 12rem;
		width: 12rem;
		min-width: 12rem;
		padding-right: .5rem;
		margin-top: .25rem;
	}

	.Form_Add_Address_Row .Form_Caption_Dropdown {
		margin-top: .5rem;
	}

	.Form_Add_Address_Row .Form_Input {
		flex-basis: auto;
	}
	
	.Form_Add_Address_Row .Button_Main {
		margin-top: 1rem;
	}
	



	/* PAYMENT METHODS (credit cards) */

	/* Add Card Page */
	.Form_Add_Credit_Card_Row {
		flex-wrap: nowrap;
	}

	.Frame_CreditCardAdd .Form_Caption {
		text-align: right;
		flex-basis: 7rem;
		width: 7rem;
		min-width: 7rem;
		padding-right: .5rem;
	}

	.Frame_CreditCardAdd .Form_Input {
		flex-basis: auto;
	}
	
	.Frame_CreditCardAdd {
		padding: 1rem;
	}




	/* HOW IT WORKS */

	.Section_VerticalSpaced {
		padding: 5rem 0;
   }



	.Frame_MemberHeader_Icons_TimeElapsed {
		display: block;
	}

	.Frame_MemberHeader_Name_Icons_CitizenLevel {
		display: flex;
		justify-content:left;
		column-gap: 1.5rem;
	}
	




	/* REFERRED BY */

	.Frame_ReferredBy {
		display: flex;
		width: 100%;
		max-width: 30rem;
		column-gap: 2rem;
		margin: 0 auto;
	}

	.ReferredBy_Photo {
		width: 150px;
		max-width: 170px;
		margin: 0;
	}





}












/* Medium devices (tablets, 768px and up) */
@media only screen and  (min-width: 768px) {

	.Container {
		width: 85%;
		margin: 0 auto;
	}

	.Site_Header {
		position:fixed;
		top: 0px;
		left: 0px;
		z-index: 999;
	}

	.Site_Map_Small {
		display: none;
	}
	
	.Site_Title {
		font-size: 1.15rem;
	}

	.Right_Menu_Body {
		width: calc(100% - 160px - 10px);		/* Calculate Max width (100%) minus width of logo (160px) - buffer between logo and menu (25px) */
		max-width: calc(1415 - 160px - 25px); 	/* Set max width to size of container (1415) minus largest logo (160px) minus buffer (25px) */
	}

	.Header_Upper {
		padding-right: 0;
	 }

	.Form_MenuBar_Search {
		display: flex;
	}

	.Header_Text_Powered_By {
		display: none;
	}

	.Purpose_Text {
		display: none;
	}





	/* Make sure page is turned back on if Hamburger Menu is open when page widens past break point */
	.Page_Body.active {
		display: block;
	}


	/* TURN ON ICON MENU */
	/* Flexbox wrapper for icons, login form */
	.MenuBar_Icons {
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		justify-content: space-between;
		column-gap: min(max(.75rem, 3vw), 2rem);
	}


	/* Show all icons on larger screens */
	.Icon_YourAccount,
	.Icon_Administrator {
		display: block;
	}






	/* HEADER STYLES */

	.Purpose {
		display: none;
	}

	/* Display Shout_Outs, Supporter_Order, Earnings icons on small screens */
	.Icon_SupporterOrder,
	.Icon_Earnings {
		display: block;
	}





	.Mobile_Only_768px {
		display: none;
	}

	.Desktop_Only_768px {
		display: block;
	}

	



	/* ACCOUNT MENU */
	.Account_Menu {
		left: calc(5.5vw + 1.8rem);
	}
		


	

	/* MAIN NAVIGATION MENU STYLES */

	#Purpose_Text_Short {
		display: block;
	}

	#Purpose_Text_Medium,
	#Purpose_Text_Long,
	#Purpose_Text_Full {
		display: none;
	}


	/* TURN OFF HAMBURGER MENU */
	.menu-toggle {
		display: none;
	}

	/* Turn OFF items to be shown only on small screens with hamburger menu */
	.Mobile_Only {
		display: none;
	}

	/* Turn ON items to be shown only on larger screens with full menu */
	.Desktop_Only {
		display: block;
	}

	.Desktop_Only_Inline {
		display: inline;
	}

	/* Get rid of Reddish color of mobile buttons */
	.Mobile_Button_Features a {
		background-color: initial;
	}

	.Header_Lower nav {
		width: 100%;
		height: 52px;
		margin: 0;
		position: initial;
		top: initial;
		left: initial;
		background: initial;
		transition: initial;
		padding-bottom: 0;
	}

	.Header_Lower nav.active {
		left: initial;
	}

	.Header_Lower nav ul {
		display: flex;
		text-align: initial;
	}

	/* Determines characteristics of desktop main menu buttons */
	.Header_Lower nav ul li {
		padding: 0 .2rem;
		background-image: linear-gradient(#F6FFE4, #A6DFB4);
		border: none;
		flex-grow: 1;
		margin: 7px .5px 0;
		text-transform: uppercase;
		font-size: .95rem;
		font-weight: 700;
		border: 1px solid black;
	}

	.Header_Lower nav ul .sub-menu ul li {
		background-image: none;
		background: #E6FFD4;
	}

	.Header_Lower nav ul li.active ul {
		position: absolute;
		background: #DDD;									/* Color of main menu drop down menu */
		text-align: left;
	}

	.Header_Lower nav ul li ul .Button_YourOffice {
		background: #FFC;									/* Color of main menu Your Office items */
	}

	.Header_Lower nav ul li ul .Button_SystemAdministrator {
		background: #F00;									/* Color of main menu System Administrator button */
	}

	.Header_Lower nav li:hover,
	.Header_Lower nav li:hover {
		background: #FF0;
	}

	.Header_Lower nav .MenuBar_Desktop .Menu_Item_Inactive {
		padding: 4px;
		font-size: .9rem;
		text-align: center;
		background: #555;
		color: #FFD;
	}

	.Header_Lower nav .Menu_Item_Inactive:hover {
		background: #555;
	}

	.Header_Lower nav .MenuBar_Desktop .Menu_Item_Blank {
		line-height: .7rem;
	}

	.Header_Lower nav .Menu_Item_Blank:hover {
		background: inherit;
	}

	.Header_Lower nav ul li a {
		border-bottom: initial;

		text-decoration: none;
		color: black;
		font-weight: 700;

		text-align: center;
		height: auto;
		padding: 8px 4px;
		line-height: initial;
	}

	/* DROP DOWN MENU */
	.Header_Lower nav ul li ul li {
		width: 100px;										/* Width of drop down menu items */
		margin: 0;
		border: 1px solid #BBB;
	}

	.Header_Lower nav ul li .Submenu_GarveyNation li {
		width: 11rem;										/* Width of PROGRAMS drop down menu items */
	}

	.Header_Lower nav ul li .Submenu_Programs li {
		width: 12rem;										/* Width of PROGRAMS drop down menu items */
	}

	.Header_Lower nav ul li .Submenu_News li {
		width: 10rem;										/* Width of NEWS drop down menu items */
	}

	.Header_Lower nav ul li .Submenu_Opportunity li {
		width: 180px;
		text-align: left;
	}

	.Header_Lower nav ul li .Submenu_AboutUs li {
		width: 10.5rem;										/* Width of ABOUT US drop down menu items */
	}

	.Header_Lower nav ul li ul .Button_YourOffice a {		/* INDENT of Your Marketer Office Items */
		padding-left: 1.5rem;
	}

	.Header_Lower nav ul li .Submenu_AboutUs li a,
	.Header_Lower nav ul li .Submenu_News li a {
		text-align: center;									/* Align dropdown menu items justified to the right */
	}

	.Submenu_Programs {
		left: 0;				/* Align drop down menu to right margin */
	}

	.Submenu_Earn,
	.Submenu_AboutUs {
		right: 0;				/* Align drop down menu to right margin */
	}


	.Header_Lower nav ul li ul li a {
		font-weight: 700;									/* Font weight of dropdown menu items */
		display: block;
		padding: .5rem .5rem;								/* Padding of drop down menu items */
	}

	.Header_Lower nav ul li ul .Button_YourOffice a:link,
	.Header_Lower nav ul li ul .Button_YourOffice a:visited,
	.Header_Lower nav ul li ul .Button_YourOffice a:hover,
	.Header_Lower nav ul li ul .Button_YourOffice a:active {
		font-weight: 400;									/* Font weight of dropdown menu items */
		color: #600;										/* Text color of dropdown menu items */
	}

	.Header_Lower nav ul li ul .Button_SystemAdministrator a {
		font-weight: 700;
		color: #FFF;
	}


	.Header_Lower nav ul li a:visited,
	.Header_Lower nav ul li a:link,
	.Header_Lower nav ul li a:active {
		color: #000;
	}

	.Header_Lower nav ul li a:hover,
	.Header_Lower nav ul li ul .Button_SystemAdministrator a:hover {
	  color: #000;
	  background: #FF0;
	}

	.Frame_MenuBar_Desktop_Only_NotLoggedIn {
		display: flex;
		flex-wrap: nowrap;
		max-width: 100%;
		column-gap: 2rem;
		margin: 0 0 0 auto;
	}

	.NotLoggedIn_Message {
		margin: .5rem 0 1px;
		width: 100%;
		border: 2px solid #E6FFD4;
		background: rgba(199, 241, 199, 0.3);
		padding: .3rem 0 0;
		opacity: 1;
		color: #FFF;
		font-size: 1.1rem;
		line-height: 1.2rem;
		font-weight: 700;
		text-transform: uppercase;
		text-align: center;
	}

	.NotLoggedIn_Message a {
		color: #FFF;
		font-weight: 700;
		text-decoration: underline;
	}



	/* BODY OF PAGE (start main body BELOW menu (header upper + header lower heights) that I just made bigger) */
	.Page_Body {
		padding-top: 129px;
	}



	

	/* FOOTER STYLES */

	/* LARGE SITE MAP */
	.Site_Map_Large {
		display: table;
		width: 100%;
		font-size: .8em;
	}

	.Site_Map_Large th {
		color: #555;
		font-weight: 700;
		text-align: left;
	}

	.Site_Map_NotLoggedIn {
		max-width: 40rem;
		margin: 0 auto;
	}

	.Site_Map_NotLoggedIn th,
	.Site_Map_NotLoggedIn td {
		text-align: center;
	}

	.Site_Map_Large a {
		font-weight: normal;
	}

	.Site_Map_Large a:link, 
	.Site_Map_Large a:visited {
		color: #888;
	}

	.Site_Map_Large	a:hover {
		color: #3b5998;
	}


	/* LOWER FOOTER */

	.Footer_Text_Size {
		font-size: .9rem;
		line-height: 1.2rem;
	}
/* 
	.Footer_Lower {
		text-align: left;
	}

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

	.Footer_Lower_Navigation {
		margin-top: 0px;
		text-align: right;
	    padding: 6px 0 0 0;
	}

	.Footer_TTM_Logo {
		width: max(5.2rem, 5.2vw);
		max-width: 6rem;
		margin: .3rem 1.2rem 0 0;
	}

	.Finishing_Garvey_Started {
		font-size: 1.15rem;
		line-height: 1.45rem;
		padding: .3rem 0 0;
		margin: 0 0 2.4rem;
	}

	.Frame_Follow_Share_Icons {
		text-align: right;
	}

	.Follow_Share {
		margin: 0;
	}

	.Social_Media_Icons {
		width: max(27vw, 13rem);
		max-width: 16rem;
		margin: 0;
	}

	.Frame_TTM_Copyright_Logo {
		display: flex;
		width: 100%;
	}

 */






	
	.primary,
	.secondary {
		width: 50%;
	}

	.tagline {
		font-size: 1.4em;
	}



	/* DATA TABLE */
	.Data_Table_Column_Number {
		text-align: right;
		min-width: 2.5rem;
		width: 2.6rem;
	}

	.Data_Table_Column_Currency {
		text-align: right;
		min-width: 5.5rem;
		width: 5.4rem;
	}

	.Data_Table_Column_Small_Number				{width:		4.5rem;	text-align: right;}
	.Data_Table_Column_Dollar_Amount			{width:		7rem;	text-align: right;}
	
	.Data_Table_Column_Date,
	.Data_Table_Column_Date_Short,
	.Data_Table_Column_Date_Elapsed,
	.Data_Table_Column_DayDate_Short,
	.Data_Table_Column_Time,
	.Data_Table_Column_TitleAndDate {
		text-align: right
	}

	.Data_Table_Column_Name {
		width: 13rem;
	}

	.Data_Table_Column_Total {
		display: block;
	}

	.Data_Table_Column_TitleAndDate {
		width: 9.5rem;
		min-width: 8.5rem;
	}

	.TitleAndDate_Header {
		width: 3.8rem;
		text-align: right;
	}

	.Data_Table_Column_Price {
		text-align: right;
		min-width: 7rem;
		width: 7.1rem;
	}

	.Data_Table_Input_Price {
		width: 4.5rem;
	}








	/* ORDER HISTORY */

	/* Hide small product action buttons (buy it again, write review, etc), display large ones */

	.Frame_Order_Item_Action_Buttons_Secondary {
		display: none;
	}

	.Button_ReOrder {
		display: inline-block;
		margin-right: 0;
	}

	.Section_OrderItems .Order_Item_Side_Buttons {
		display: block;
		width: 13.5rem;
		margin: 0 0 0 auto;
	}

	.Section_OrderItems .Order_Item_Side_Buttons button {
		width: 12.5rem;
		background-image: linear-gradient(#FFF, #DDD);
		font-size: .95rem;
		padding: 2px 4px;
		border: 1px solid #999;
		border-radius: 5px;
		margin-bottom: 1rem;
		margin-left: 1rem;
	}

	.Section_OrderItems .Order_Item_Side_Buttons button:hover {
		background-color: #FF9;
	}






	/* ORDER DETAILS PAGE */

	.Container_NoDisplayMobile {
		display: block;
	}

	.Order_Item_Characteristics {
		display: flex;
		width: 100%;
	}

	.Text_SubHeading {
		display: block;
		font-weight: 500;
	}

	.Order_Item_Characteristics .Text_Column {
		flex-grow: 0;
		flex-basis: 50px;
		padding-right: .4rem;
	}

	.Order_Item_Characteristics .Text_Product {
		flex-grow: 1;
		flex-basis: 230px;
		padding-right: .8rem;
	}

	.Order_Items_Price {
		display: block;
		max-width: 5rem;
		padding-left: 1rem;
		text-align: right;
		}

	.Order_Items_Price .Text_SubHeading {
		display: block;
		margin: 0 0 0 auto;
		justify-content: space-between
	}


	.Container_TwoSections {
		display: flex;
		flex-wrap: nowrap;
	}
	
	.Container_OrderSummary,
	.Container_OrderFor {
		margin-right: 1rem;
		flex-grow: 1;
	}

	.Container_PaymentInformation,
	.Container_ShippingAddress {
		margin-left: 1rem;
		flex-grow: 1;
	}



	/* TESTIMONIALS */
	.Testimonial_Name,
	.Testimonial_Name_Pronounciation,
	.Testimonial_Company {
		text-align: left;
	}








	/* SECTION: VERTICAL SPACED */
	/* HOW IT WORKS */

	.Section_VerticalSpaced img {
		float: right;
		max-width: 24rem;
		margin: 2rem 0 1rem 2rem;
	}

	.VerticalSpaced_Intro_Headline {
		font-size: 2.5rem;
	}


	.Section_VerticalSpaced {
		padding: 6rem 0;
		border-bottom: 1px solid #CCC;
	}
   
	.Container_VerticalSpaced {
		text-align: left;
	}
	
	.VerticalSpaced_Headline {
		margin-bottom: 0;
	}
	
	.VerticalSpaced_Text {
		padding-top: 1.8rem;
	}





}









/* Large devices (desktops, 992px and up) */
@media only screen and  (min-width: 992px) {

	.Container {
		width: 87%;
	}

	.Site_Title {
		font-size: 1.3rem;
	}

	.Sub_Nav_Menu {
		text-align: left;
	}

/* Show all icons on larger screens */
	.Icon_ShoutOuts,
	.Icon_Supplier,
	.Icon_Marketer,
	.Icon_Supporter,
	.Icon_Earnings,
	.Icon_Administrator {
		display: block;
	}

	nav ul {
		align-items: flex-end;
	}

	nav ul li {
		flex-grow: 0;
		padding: 5px 7px;
	}

	.Purpose_Menu {
		display: flex;
		column-gap: 1rem;
	}

	.Purpose {
		display: block;
		font-size: .96rem;
		margin-right: 1rem;
	}

	/* Determines characteristics of desktop main menu buttons */
	.Header_Lower nav ul li {
		font-size: 1rem;
	}

	/* Turn ON items to be shown only on larger screens with full menu */
	.Desktop_Only_992px {
		display: inline;
	}

	.Mobile_Only_992px {
		display: none;
	}




	/* ACCOUNT MENU */
	.Account_Menu {
		left: calc(5.5vw + 1.2rem);
	}
		



	/* FOOTER STYLES */

	.Footer_Text_Size {
		font-size: 1rem;
		line-height: 1.3rem;
	}

	.Footer_Lower_Navigation {
		vertical-align: top;
	}

	.primary {
		width: 40%;
	}

	.secondary,
	.tertiary {
		width: 30%;
	}

	.Finishing_Garvey_Started {
		font-size: 1.2rem;
		line-height: 1.5rem;
	}





	/* ORDER DETAILS PAGE */

	.Text_Column {
		flex-basis: 100px;
	}

	.Text_Product {
		padding-right: 2rem;
		flex-basis: 350px;
	}





	/* QUOTE */
	.Page_Section_Quote p {
		margin-left: 0;
		width: 100%;
	}
	
	.Frame_Quote_And_Image {
		display: flex;
		column-gap: 1.8rem;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.Section_Quote_Image img {
		max-width: 240px;
		margin-bottom: 0;
	}

	.Section_Quote_Text {
		text-align: left;
	}

	.Frame_Bottom_Quote_Like {
		margin: 1rem auto 0;
	}
	






	/* STANDARD PHOTO AND IMAGE RESPONSIVE */
	.Frame_ImageText {
		display: flex;
		width: 90%;
		margin: 0 auto;
	}

	.ImageText_Image {
		max-width: 32rem;
		margin: .3rem 0 0 2rem;
		order: 2;
	}

	.ImageText_Text {
		width: 100%;
		text-align: left;
		margin-right: 2rem;
		order: 1;
	}

	.ImageText_Image_Left {
		order: 0;
		margin: .3rem 2rem 0 0;
	}
	
	.ImageText_Image_Right {
		order: 2;
		margin: .3rem 0 0 2rem;
	}

}








/* Extra large devices (large desktops, 1200px and up) */
@media only screen and  (min-width: 1200px) {

	.Container {
		width: 89%;
	}

	.Site_Title {
		font-size: 1.4rem;
	}

	nav ul li {
		padding: 5px 7px;
	}

	.Purpose {
		display: block;
	}

	.Purpose_Text {
		display: flex;
	}

	#Purpose_Text_Short,
	#Purpose_Text_Long {
		display: none;
	}

	#Purpose_Text_Medium {
		display: block;
	}


	.Alternate_Text_1 {
		font-size: 1.1rem;
	}

	.Header_Text_Powered_By {
		display: block;
	}

	.Header_Lower nav .MenuBar_Desktop {
		max-width: calc(100% - 19.5rem);
		margin: 0 0 0 auto;
	}

	.Frame_MenuBar_Desktop_Only_NotLoggedIn {
		max-width: calc(100% - 19.5rem);
	}




	/* ACCOUNT MENU */
	.Account_Menu {
		left: calc(5.5vw + .8rem);
	}
		





	/* FOOTER STYLES */
	.Footer_Text_Size {
		font-size: 1.1rem;
		line-height: 1.4rem;
	}

	.Finishing_Garvey_Started {
		font-size: 1.3rem;
		line-height: 1.6rem;
	}



	/* DATA TABLE */
	.Data_Table_Cell_WideOnly {
		display: table-cell;
	}

	.Data_Table_Cell_NarrowOnly {
		display: none;
	}

	.Data_Table_Text_WideOnly {
		display: block;
	}

	.Data_Table_Text_NarrowOnly {
		display: none;
	}



	/* Turn ON items to be shown only on larger screens with full menu */
	.Desktop_Only_1200px {
		display: block;
	}

	.Mobile_Only_1200px {
		display: none;
	}

}





/* Extra large devices (large desktops, 1400px and up) */
@media only screen and  (min-width: 1400px) {

	nav ul li {
		padding: 5px 10px;
	}

	#Purpose_Text_Short,
	#Purpose_Text_Medium,
	#Purpose_Text_Long {
		display: none;
	}

	#Purpose_Text_Full {
		display: block;
	}

}









/* Super large devices (widescreen monitors and up) */
@media only screen and  (min-width: 1600px) {

	/* ACCOUNT MENU */
	.Account_Menu {
		left: calc(50vw - 44rem);
	}
		
}