.clear { clear: both; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background: linear-gradient(to bottom, #0e0e96 0%,#0095e0 55%); /* https://colorzilla.com/gradient-editor/#0e0e96+0,0095e0+55 */
  background-attachment: fixed;
  position: relative;
  height: 100%;
}
a { color: #fff; }
a:hover { color: #fb0e2c; }

#container
{
	margin: 0 auto;
}
.noColumnContainer
{
	padding-top: 80px;
	width: 713px;
	color: #fff;
}
.mainContainer
{
	width: 994px;
}

#header {height: 94px; margin-bottom: 20px;}
.logoWrapper {width: 40%; float: left; height: 94px;}
.logoWrapper a {}
.logoWrapper img { width: 260px; }

.body
{
	background-position: 1px top;
	background-image: url('Images/body-top.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding-top: 22px;
}
.bodyLayout
{
	background-position: center;
	width: 100%;
	background-image: url('Images/body-middle.png');
	background-repeat: repeat-y;
	background-attachment: scroll;
}
.bodyLayout .left {
  background-position: left bottom;
  width: 162px;
  max-width: 162px;
  overflow: hidden;
  padding: 0 21px 0 26px;
  background-image: url('Images/body-left.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
}
.bodyLayout .middle {
  background-color: #fff;
  text-align: left;
}
.bodyLayout .right {
  background-position: right bottom;
  width: 165px;
  max-width: 165px;
  overflow: hidden;
  padding: 0 23px 0 19px;
  text-align: center;
  background-image: url('Images/body-right.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
}

#mainMenu { text-transform: uppercase; color: #fff; font-size: 85%; margin-bottom: 30px; padding-top: 5px; }
#mainMenu ul { float: right; }
#mainMenu ul li { float: left; padding: 0; margin: 0 5px; list-style-type: none; }
#mainMenu a { text-decoration: none; color: #fff; }
#mainMenu a:hover { color: #96b1c9; }

#pointContainer { text-transform: uppercase; font-size: 85%; float: right; width: 40%; height: 94px; text-align: right; }
#pointContainer td { text-align: right; vertical-align: middle; }
#pointContainer td .label { margin-right: 8px; }

.welcome { height: 18px; margin-top: 6px; padding-right: 20px; font-size: 108%; color: #fff; }
.pointBox { float: right; height: 70px; }
.pointBoxStart { background-image: url('Images/point-box-start.png'); width: 36px; }
.balanceBox { background-image: url('Images/balance-box.png'); color: #fff; }
.balanceBoxSpacer { background-image: url('Images/balance-box-spacer.png'); width: 10px; }
.balanceValue { background-image: url('Images/balance-box-middle.png'); }
.pointBoxEnd { background-image: url('Images/point-box-end.png'); width: 42px; }

#navMenu {}
#navMenu ul { padding: 0; margin: 0; }
#navMenu li { border-bottom: 1px solid #fff; padding: 7px 0; list-style: none; display: block; font-weight: bold; text-transform: uppercase; font-size: 93%; }
#navMenu li.last { border-bottom: none; }
#navMenu a { display: block; text-decoration: none; color: #fff; }
#navMenu a:hover { color: #96b1c9; }



.bodyFooter
{
	background-position: center top;
	background-image: url('Images/body-bottom.png');
	background-repeat: no-repeat;
	background-attachment: scroll;
	height: 37px;
}

#footer
{
	color: #fff;
	font-size: 93%;
	margin: 0 auto 2em auto;
	width: 800px;
	text-align: center;
}
#footer a { text-decoration: none; }
#footer ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer li
{
	display: inline;
	margin: 0;
	padding: 0 4px;
	border-right: 1px solid #fff;
}
#footer li.first { padding-left: 0; }
#footer li.last
{
	border-right: none;
	padding-right: 0;
}

.logo {
  width: 330px;
  height: auto;
}
.singleBox { color: #fff; background-repeat: no-repeat; background-position: left top; width: 713px; padding-top: 9px; margin-bottom: 20px; }
.singleBoxWrapper { background-image: url('Images/box-bottom.png'); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 9px; }
.singleBoxContent { color: #fff; background-position: left top; padding: 20px; background: #0e0e96; border: 6px solid #fff; border-radius: 5px 5px 0 0; border-bottom: none; }
.singleBoxContent table { color: #fff; width: 100%; }
.loginContent { padding: 0 0 20px 0; vertical-align: middle; }
.loginContent .content { font-size: 123.1%; line-height: 24pt; margin: 20px 0 0 0; }
.loginSpacer { width: 1px; vertical-align: middle; }
.line { height: 250px; width: 1px; margin: auto; border-left: 1px solid #fff; }
.loginForm { color: #fff; width: 33%; text-align: center; vertical-align: middle; }
.noColumnContainer .footer { padding: 30px 0px; font-size: 275%; text-align: center; }

.ui-tabs { border: none; }

.password-description,
.password-table-description,
.password-min-char /* this is for the password strength meter */
{
	font-size: 77%;
}

.change-password-form td { padding: 0 0 1em 0; }
.change-password-form .label-column { width: 25%; }

.change-password-form input.password
{
	width: 225px;
}

#password-strength { width: 230px; margin-top: 2px; }
.password-strength-bar { color: #000; width: 100% !important; }

.page-content
{
	margin: 0;
}
.page-content a { color: #fb0e2c; }
.page-content a:hover { color: #002763; }
.home-page {
  margin: 0;
  border-radius: 5px;
  overflow: hidden;
}

/*    myprofile    */
.profile-table,
.password-table
{
	width: 100%;
}

.profile-table td,
.password-table td,
.forgot-password-form td
{
	padding: 0.25em 0;
}

.profile-page .label-column {
	width: 40%;
}
.profile-page .field-column {
	width: 60%;
}
/*                 */

.loginForm .username,
.loginForm .password,
.loginForm .submit { margin: 0.25em 0; }
.loginForm .username { margin-top: 1em; }

#tabContent table {
	width: 100%;
}
#tabContent table thead { border-bottom: 1px solid #0068A5; }
#tabContent table th { text-align: left; }
#tabContent table td {
	padding: 0 0.25em;
}
.hr
{
	border-bottom: 1px solid #0068A5;
	margin: 1em 0;
}

.PageTitle {
  font-size: 153.9%;
  font-weight: bold;
  color: #0364c3;
  border-bottom: 2px solid #0068A5;
  margin: 0 20px 14px 20px;
  padding-bottom: 8px;
}
.noColumnContainer .PageTitle
{
	color: #fff;
	margin-top: 1em;
}
.PageError
{
	font-weight: Bold;
	color: #fb0e2c;
	margin-bottom: 1em;
}
.BoxTitle
{
	font-size: 153.9%;
	font-weight: bold;
	color: #002763;
}
.BoxSubHeader {
	color: #002763;
	font-size: 138.5%;
	font-weight: bold;
}
.BoxSubTotal
{
	font-weight: bold;
}
.FieldPrompt
{
	FONT-WEIGHT: bold;
}
.FieldPromptReqd
{
	font-weight: bold;
	color: #fb0e2c;
}
.FieldPromptError
{
	font-weight: bold;
	color: #fb0e2c;
}
.FieldPromptInstructions
{
	font-size: 85%;
}


/* My Activity Page */
.MyActivityTitle {
  font-weight: bold;
  font-size: 16px;
  color: #0364c3;
  border-bottom: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 6px;
}

.MyActivityBoxDefault
{
	font-weight: normal;
	font-size: 12px;
	color: black;
}
.MyActivityBoxHeader
{
	font-weight: bold;
	font-size: 14px;
	color: black;
}

.MyActivityBoxLineHeader
{
	background-repeat: repeat;
	height: 1px;
	background-color: #000;
}

.MyActivityBoxLine
{
	background-repeat: repeat;
	height: 1px;
	background-color: #a0a0a0;
}

.MyActivityBoxDetail1, .MyActivityBoxDetail1Title
{
	font-size: 12px;
}
.MyActivityBoxDetail2, .MyActivityBoxDetail2Title
{
	font-size: 12px;
}
.MyActivityBoxDetail3, .MyActivityBoxDetail3Title
{
	font-size: 12px;
}
.MyActivityBoxDetail4, .MyActivityBoxDetail4Title
{
	font-size: 12px;
}

.MyActivityBoxDetail1Title, .MyActivityBoxDetail2Title, .MyActivityBoxDetail3Title, .MyActivityBoxDetail4Title
{
	font-weight: bold;
}

.MyActivityBoxTotal
{
	font-weight: bold;
	font-size: 14px;
	color: black;
}







.MAT_PointsEarnedTable
{
	margin: 2px 0 4px 0;
	background-color: #f5f5f5;
	font-size: smaller;
	width: 100%;
}
.MAT_PointsEarnedTable td,
.MAT_PointsEarnedTable th
{
	padding: 2px;
	text-align: left;
}
.MAT_PointsEarnedCol1 { width: 25% }
.MAT_PointsEarnedCol2 { width: 20% }
.MAT_PointsEarnedCol3 { width: 55% }

.MAT_PointsEarnedRow2
{
	background-color: #fff;
}

.MAT_PointsEarnedTable tfoot
{
	font-weight: bold;
}
/* My Activity Page */

.point-summary-table,
.point-breakdown-table
{
	margin-bottom: 1em;
	width: 100%;
}

table.point-breakdown-table tbody tr.program td
{
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}
table.point-breakdown-table tbody tr.hover
{
	background-color: #ddd;
	cursor: pointer;
}
table.point-breakdown-table tbody tr.program-details
{
	display: none;
}


/*
 * My Activity Tabs
 ***********************************************/
li.ui-tabs-selected { color: #fb0e2c; }


/*
 * Catalog
 ***********************************************/
.catalog-browser-page a,
.catalog-viewproduct-page a,
.catalog-cart-page a,
.catalog-orderplace-page a,
.catalog-confirm-page a,
.catalog-checkout-page a,
.catalog-orderview-page a
{
	color: #0068A5;
}

.edit-product { text-align: left; position: absolute; }
.edit-product a { background-color: #fff; padding: 4px; text-decoration: none; height: 16px; width: 16px; overflow: hidden; display: block; border: 1px solid #fff; line-height: 16px; }
.edit-product a:hover { width: inherit; border: 1px solid #666; }
.edit-product a span.ui-icon { display: inline-block; }
.edit-product a span.label { float: right; display: block; margin-left: 2px; }
.ProductListImageContainer .product-image { width: 120px; }
.ProductListImageContainer .product-price { position: absolute; bottom: 2px; width: inherit; }

.view-product-navigation .view-cart { float: right; }
.view-product-navigation .back-button { float: left; }

.CatalogProductViewName
{
	color: #002763;
	font-size: 123.1%;
	font-weight: bold;
}
.CatalogProductViewPrice{}
.CatalogProductViewPriceLabel{}
.CatalogProductViewProductNumber{}
.CatalogProductViewProductNumberLabel{ font-weight: bold;}

.CatalogDisplayOptions {
  color: #002763;
  font-weight: bold;
  font-size: 116%;
}

.ProductListItem
{
	height: 190px;
	width: 188px;
	margin-bottom: 1em;
	float: left;
	text-align: center;
	position: relative;
	overflow: hidden;
}

.ProductListName {
  padding: 0 0.5em;
  color: #0364c3;
  font-weight: bold;
}

.cart-table
{
	width: 100%;
}

.catalog-checkout-page .address { width: 100%; }

.catalog-checkout-page td { padding: 2px 0 8px 0; }
.catalog-checkout-page td.label { width: 25%; text-align: right; padding-right: 5px; }
.catalog-checkout-page .note { font-size: 93%; padding-top: 2px; }

.catalog-checkout-page input.textbox { width: 75%; }

.catalog-checkout-page table.address tr.address-city input.textbox,
.catalog-checkout-page table.address tr.email input.textbox,
.catalog-checkout-page table.address tr.phone input.textbox
{ width: 50%; }

.catalog-checkout-page table.address tr.address-state input.textbox,
.catalog-checkout-page table.address tr.address-zipcode input.textbox,
.catalog-checkout-page table.address tr.address-country input.textbox
{ width: 25%; }


/* my activity order tab */
.order-row { cursor: pointer; border-bottom: 1px solid rgba(0, 104, 165, 0.28); }
.order-row td { padding: 5px 0 !important; }
tr.opened { background-color: #efefef; border-bottom: none; }

.order-row:hover,
.orders .hover /* hax for non fun browsers who don't support :hover */
{ background-color: rgba(3, 100, 195, 0.09); }
.order-row td.order-number,
.order-row td.order-date { padding-left: 0.5em !important; }
.order-row td.order-amount { text-align: right; padding-right: 1em !important; }
.order-detail-row { display: none; border-bottom: 1px solid #0068A5; }
.shipping-address { float: left; width: 45%; }
.tracking-numbers { float: right; width: 45%; }
.shipping-address h3,
.tracking-numbers h3 { font-weight: bold; padding-top: 0.75em;}
.tracking-numbers ul { list-style-type: none; margin: 0; padding: 0; }

.order-items table { width: 100%; margin: 0.5em 0 1em 0; }
.order-items .product-name { }
.order-items .product-quantity { width: 25px; text-align: right; }
.order-items .product-price { width: 60px; text-align: right; }

.error {
  color: #ee3a43;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h1 { font-size: 2.5rem; }
.h2 { font-size: 2rem; }
.h3 { font-size: 1.75rem; }
.h4 { font-size: 1.5rem; }
.h5 { font-size: 1.25rem; }
.h6 { font-size: 1rem; }

.small {
  font-size: 80%;
  font-weight: 400;
}

.font-weight-bold { font-weight: 700 !important; }

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.d-block {
  display: block !important;
}
.d-flex {
  display: flex !important;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.link-unstyled,
.link-unstyled:hover,
.link-unstyled:focus {
  color: inherit !important;
  text-decoration: none !important;
}

/****** Custom ******/

.prContainer .row > a {
  display: block;
  float: left;
  width: 225px;
  overflow: hidden;
  margin-right: 12px;
  margin-left: 33px;
  /* border-bottom: 1px solid #ccc; */
  margin-bottom: 0px;
  /* padding-bottom: 12px; */
}

.prContainer .row > a > img {
  margin-left: -10px;
}



.prContainer .row {
  /*border-bottom: 1px solid #ccc;*/
  margin-bottom: 13px;
  padding-bottom: 8px;
}


html, body {
  height: 100%;
  position: relative;
}

.btn-primary {
  margin-right: 20px;
}

a#Next1, a#Next2, .btn-primary {
  text-decoration: none;
  padding: 6px 9px;
  background: #02518a;
  color: #fff !important;
  border-radius: 3px;
  display: inline-block;
}

a#Next1, a#Next2 {
  margin-right: 4px;
}

.btn-primary {
  background: #0364c3 !important;
}

a#Previous1, a#Previous2 {
  margin-left: 20px;
  text-decoration: none;
  padding: 6px 9px;
  background: #02518a;
  color: #fff;
  border-radius: 3px;
  display: inline-block;
}

.catalog-browser-filters {
  margin: 0 20px;
}
.catalog-browser-filters input[type="text"],
.catalog-browser-filters select {
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 3px 10px;
  font-size: 12px;
  height: 16px;
}

input#SearchButton {
  background: #01518a;
  border: none;
  color: #fff;
  padding: 4px 8px;
  border-radius: 3px;
}

.catalog-browser-filters label {
  font-weight: 700;
}
.catalog-browser-filters select {
  height: 31px;
  margin-right: 10px;
}

.ProductListImageContainer > a {
  height: 100px;
  display: block;
  overflow: hidden;
}

.product-price {
  display: inline-block;
  margin-top: 3px;
  font-weight: 600;
  color: #01518a;
}



input#SubmissionCode {
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 3px 6px;
  font-size: 12px;
  height: 16px;
}

input#SubmitButton {
  background: #01518a;
  border: none;
  color: #fff;
  padding: 4px 8px;
  border-radius: 3px;
}


div#CartPanel {
  padding: 0 20px;
}

div#CartPanel td.BoxSubHeader {
  border-bottom: 1px solid #ccc;
  line-height: 32px;
  font-size: 16px;
}

div#CartPanel .BoxDetail1 {
  padding-top: 13px;
  padding-bottom: 16px;
}

.page-content input[type="submit"] {
  background: #01518a;
  border: none;
  color: #fff;
  padding: 4px 8px;
  border-radius: 3px;
}

input#UpdateButton {
  background: #0364c3 !important;
  margin-top: 20px;
}


.page-content input[type="text"] {
  border-radius: 3px;
  border: 1px solid #ccc;
  padding: 3px 6px;
  font-size: 12px;
  height: 16px;
}



.profile-page {
  padding: 0 20px;
}

.profile-page .PageTitle {
  margin-left: 0;
  margin-right: 0;
}

.profile-page td {
  padding: 8px 0;
}

.profile-page .profile-page {
}

.profile-page input[type="radio"] {
  margin-right: 6px;
}


.profile-table tbody > tr tr {
  border: none;
}

.profile-table tbody > tr {
  border-bottom: 1px solid #cccccc87;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #ef3e42 !important;
  text-decoration: none;
}

.ui-widget-header {
  border: 1px solid #0168a0 !important;
  background: #0169a0 !important;
  color: #ffffff;
  font-weight: bold;
}

.activity-page table.point-summary-table td {
  text-align: left !important;
  width: auto !important;
}

.activity-page th {
  font-size: 14px;
  line-height: 27px;
}

.page-content img {
  height: auto !important;
}

.bodyLayout .right img {
  height: auto !important;
}


.faqs p {
  padding: 0 30px;
}

.code-submission-page.page-content img {
  width: 100% !important;
}

input#SubmissionCode {
  margin-left: 39px;
}


.catalog-viewproduct-page.page-content {
  padding: 25px;
}

.catalog-viewproduct-page.page-content img#Image {
  width: 90% !important;
}

.catalog-viewproduct-page.page-content table td {
  text-align: left !important;
}

.catalog-viewproduct-page.page-content .PageTitle {
  margin: 0;
  margin-bottom: 20px;
}

input#BuyButton {
  background: #0364c3 !important;
  margin-top: 20px;
  padding: 10px 18px;
  color: #fff !important;
  border-radius: 4px;
  border: none;
}

input#BuyButton {
  background: #0364c3 !important;
  margin-top: 20px;
  padding: 10px 18px;
  color: #fff !important;
  border-radius: 4px;
  border: none;
}

span#Price {
  color: #0061c3;
  font-size: 21px;
}

span#PriceLabel {
  color: #0061c3;
  font-size: 17px;
}