/*

Uni Navy Blue: #003768
Uni Mid-Blue: #6180a7
Uni Green: #c1d82f
Uni Dark Grey for text: #767676
Light background grey: #e6e9efd9

*/

:root {
  --color_TextPrimary: #767676;
  --color_TextSecondary: #6180a7;
  --color_BackgroundPrimary: #6180a7;
  --color_BackgroundSecondary: #e6e9ef;
  --color_BackgroundTertiary: #003768;
}

/* HTML TAGS */


html {

}

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

body {
	color: #1f4040;
	font-family: Noto Sans, Arial, sans-serif;
	font-size: 13.5px;
	font-weight: 400;
	font-style: normal;
	font-variant: normal;
	line-height: 1.5;
	background-color: #FFF;
	-webkit-font-smoothing:antialiased;
}

a {
	text-decoration:none;
	color: #003D38;
}

a:hover {
	text-decoration: underline;
}

strong {
	color: rgb(125,125,125);
}


h1 {
	font-family: Fields, Georgia, serif;
}

h1 a {
}

h2 {
	font-family: Fields, Georgia, serif;
}

h3 {
	font-family: Fields, Georgia, serif;
	line-height: 1.5;
}

h4 {
	font-weight: normal;
	font-style: italic;
}

img {
	border: none;
}

img.pagecontent {
	border: #6180a7 thin solid;
	box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.05);
}

iframe {
	background:none;
	width: 100%
}

input {
	color: rgb(118, 118, 118);
}

fieldset {
	border: #c8d5e4 thin solid;
    width: fit-content;
    padding: 10px;
}	

input.number {
	color: #767676;
    height: 32px;
    width: 50px;
	border: #6180a7 thin solid;
    padding: 0px 0px 0px 8px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

input.textSearch {
	color: #767676;
    height: 32px;
    width: 150px;
	border: #6180a7 thin solid;
    padding: 0px 0px 0px 8px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

select.textSearch {
	color: #767676;
    height: 32px;
    width: 100px;
	border: #6180a7 thin solid;
    padding: 0px 0px 0px 8px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

input.email {
	color: #767676;
    height: 32px;
    width: 300px;
	border: #767676 thin solid;
    padding: 0px 0px 0px 8px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

input.textGeneric {
	color: #767676;
    height: 32px;
	border: #767676 thin solid;
    padding: 0px 0px 0px 8px; /* top, right, bottom, left */
	margin: 0px 10px 10px 0px; /* top, right, bottom, left */
}

input.textGeneric[type="checkbox"] {
    height: auto;
}

input.textGeneric[type="radio"] {
    height: auto;
    margin-left: 0px;
}

select.textGeneric {
	color: #767676;
    height: 34px;
	border: #767676 thin solid;
    padding: 0px 0px 0px 8px; /* top, right, bottom, left */
	margin: 0px 10px 10px 0px; /* top, right, bottom, left */
}

textarea.textGeneric {
	color: #767676;
	border: #767676 thin solid;
    padding: 0px 0px 0px 8px; /* top, right, bottom, left */
	margin: 0px 10px 10px 0px; /* top, right, bottom, left */
	line-height: 2;
}

p {
	margin-top:1em;
	color: #767676;
}
p a {
	border-bottom: #767676 thin dotted;
	color: #767676;
}

p a:hover {
	text-decoration: none;
	border-bottom: #767676 thin solid;
	color: #767676;
}

ul {
	margin-top:1em;
	color: #767676;
}

ul.sitemap {
	margin-top:0em;
}

table.aprilgrid {
	width:100%; 
	border-spacing: 10px;	
}

table.aprilgrid a {
	color: rgb(118, 118, 118);
}

.author {
  font-style: italic;
}

table.aprilgrid img {
	width:100%;
}

table.aprilgrid th {
}

table.aprilgrid tr {
}

table.aprilgrid td {
	vertical-align: top;
	box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.05);
	border-bottom-right-radius: 20px;	
}

table.aprilgrid td:hover {
/*	border: #767676 thin dotted; */
	cursor: hand;
	box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.05);
	border-bottom-right-radius: 20px;	
}


table.listheader {
	width:100%;
    text-transform: uppercase;
    border-bottom-style: solid;
    border-top-style: solid;
    border-width: thin;
    border-color: #e6e9ef;
    background-color: #eaedf1;
	padding-left: 5px;
	padding-right: 5px;
}

table.listheader td {
	padding:0px;
}

table.listheader a {
	padding-left: 5px;
	padding-right: 5px;
}

table.listheader a:hover {
	text-decoration:underline;
}

table.variations {
	line-height: 1.2em;
	font-weight:normal;
	text-align:left;
	border-collapse: collapse;
	width: 100%;
}

table.variations th {
	padding: 0px 0px 0px 25px; /* top, right, bottom, left */
	height:35px;
	font-weight: bold;
}

table.variations td {
	padding: 10px 0px 10px 25px;
	height:35px;
}

table.variations td.top {
	vertical-align: top;
}

table.variations td.action {
	width: 150px;
	padding-top: 2em;
	vertical-align: top;
}

table.variations td.action a {
	text-decoration:none;
}

table.variations td.action a:hover {
	text-decoration:none;
}

table.variations td.title {
	font-weight: bold;	
}

table.variations td.addtocart {
	width: 150px;
}

table.variations td.thumbnail {
	width: 250px;
}

table.variations tr.odd {
	background: none;
}

table.variations tr.even {
/*	background-color: #e6e9ef69; */
	background-image: linear-gradient(90deg, #FFF, #e6e9ef69, #e6e9ef69, #FFF);
}

table.variations tr.odd_soldout {
	background: #f7fbff url('../images/2016_JUNSOLDOUT.png') no-repeat top left; 
/*	background-color: #f7fbff; */
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

table.variations tr.even_soldout {
	background: #D6FBD0 url('../images/2016_JUNSOLDOUT.png') no-repeat top left; 
/*	background-color: #D6FBD0; */
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

table.variations td+td {
/*	border-left: 1px dotted #CCC; */
}

table.freight {
	text-align:left;
	border-collapse: collapse;
	width: 100%;
}

table.freight th {
	padding: 0 0.1em;
	text-align:center;
}

table.freight td {
	border-bottom: 1px dotted #CCC;
	padding-top:5px;
	padding-bottom:5px;
}

table.freight tr.odd {
	background:none;
}

table.freight tr.even {
	background-color: #e6e9efd9;
}

table.freight td+td {
	border-left: 1px dotted #CCC;
}

table.table_sizes {
	margin-bottom:5px;
}

table.table_sizes th, table.table_sizes td {
    padding: 6px 12px 6px 12px;
    text-align: left;
    border-right: solid;
    border-width: 1px;
    border-color: #003D38;    
} 

table.table_sizes th {
	background-color: #003D38;
	color: white;
}

table.sizes_complex {
	text-align:left;
    border-collapse: collapse;
    width: 90%;
    border: 1px solid #6180a7;
/*    box-shadow: -5px 3px 12px 3px rgb(0 0 0 / 33%); */
}

table.sizes_complex th {
	background-color: #003D38;
	color: white;
	text-align:left;
	padding: 5px;
}

table.sizes_complex th.callout {
	background-color: white;
	color: #BFD961;
	text-align:left;
	padding: 5px;
	text-align: center;
}

table.sizes_complex td {
	border-bottom: 1px dotted #CCC;
	text-align:left;
	padding: 5px;
}

table.sizes_complex tr:nth-child(odd) {background-color: #f8f9fb;}

table.sizes_complex td+td {
	border-left: 1px dotted #CCC;
}

table.sizes_complex tr:hover {
	background-color: #BFD961;
/*	cursor: pointer; */
}


table.gymlist {
	text-align:left;
    border-collapse: collapse;
    width: 90%;
    border: 1px solid #6180a7;
    box-shadow: -5px 3px 12px 3px rgb(0 0 0 / 33%);
}

table.gymlist th {
	background-color: #6180a7;
	color: white;
	text-align:left;
	padding: 5px;
}

table.gymlist th.callout {
	background-color: white;
	color: #6180a7;
	text-align:left;
	padding: 5px;
	text-align: center;
}

table.gymlist td {
	border-bottom: 1px dotted #CCC;
	text-align:left;
	padding: 5px;
}

table.gymlist tr:nth-child(odd) {background-color: #f8f9fb;}

table.gymlist td+td {
	border-left: 1px dotted #CCC;
}

table.gymlist tr:hover {
	background-color: #e6ff44;
	cursor: pointer;
}

table.gymlist_static {
	text-align:left;
	border-collapse: collapse;
	width: 100%;
	color: #00000057;	
}

table.gymlist_static th {
	background-color: #76767694;
	color: white;
	text-align:left;
	padding: 5px;
}

table.gymlist_static td {
	border-bottom: 1px dotted #CCC;
	text-align:left;
	padding: 5px;
}

table.gymlist_static tr:nth-child(odd) {background-color: #f8f9fb;}

table.gymlist_static td+td {
	border-left: 1px dotted #CCC;
}

table.gymlist_static tr:hover {
}

video {
    left: 0;
    border: none;
    box-shadow: none;
    width: 100%;
    height: 210px;
    object-fit: cover;
    object-position: center center;
    top: 0;
    position: absolute;
}

video.scrubs {
    left: auto;
    width: fit-content;
    height: 450px;
    object-fit: contain;
    object-position: inherit;
    top: auto;
    position: relative;
}

/* ID tag styling - IDs must be unique, i.e. only one per element on each page */

#overlay {
	position: absolute;
	display:block;
	top:37px;
	width: 100%;
    height: 210px;	
/*	background-image:  linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(200,200,200,.5), rgba(0,0,0,0), rgba(0,0,0,0), rgba(255,255,255,1)); */

	background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,.8), rgba(0,0,0,0), rgba(255,255,255,.8), rgba(255,255,255,1), rgba(255,255,255,1));
/*	z-index: 600; */
}

#shopnotes {
	position: absolute;
	width:100%;
	background-color: #c7db5c;  
	padding: 10px 0px 10px 0px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	color: #1f4040;
    box-shadow: 0px 5px 5px 0 rgb(0 0 0 / 20%);
}

#shopnotes_text {
/*	padding: 0px 270px 0px 212px; */ /* top, right, bottom, left */
	margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    width: 55%;	
    height: 18px;
    overflow: hidden;
}

#banner {

}

#footer {
	border-top:#e6e9ef solid 1px;
	padding-bottom:50px;
/*	background-image: linear-gradient(-45deg, #e6e9ef, #FFF, #FFF, #FFF, #FFF, #FFF, #FFF); */
/*	background-image: linear-gradient(0deg, #e6e9ef59, #FFF, #FFF, #FFF, #FFF, #FFF, #FFF); */
}

#footer_contents {
	padding: 20px 40px 20px 40px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

#footer_links {
	margin-top: 20px;
	margin-bottom: 20px;
}

#footer_left {
	float:left;
	left: 40px; 
}

#footer_right {
	float:right;
	right: 40px; 
}

#topleftLogo {
	position:absolute;
	margin: 60px 0px 0px 42px;
	z-index:1;
}

#login {
	position:absolute;
	margin: 175px 0px 0px 42px;
	z-index:1;
	padding-top: 5px;
}

#top_persist {
	position: absolute;
    top: 178px;
    right: 94px;
    display: block;
    padding: 7px 15px 7px 15px;
	color: #1f4040;
 /*   background-color: rgba(230,233,239,0.85);  */
    background-color: #c7db5c;
/*    box-shadow: 1px -2px 5px 0 rgb(0 0 0 / 25%); */
    z-index: 2;
}

#top_persist a {
	color: #1f4040;
}

/*
#toprightReconciliation {
	position: absolute;
	top: 0px; 
	right: 70px; 
	display: block;
	z-index:1;
}
*/

#top_search {
	position: absolute;
	top:128px;
    right: 94px;
	/* padding: 8px 0px 0px 15px; */
	width:400px; 
	height:40px; 
	background: transparent url('../images/2025_JanSearchBar01.svg') no-repeat; 
	z-index:1;
}

#banner_anchor {
	height: 250px;
	margin: 0px 0px 0px 0px;
	background-color: white;
	position: relative;
/*	font-family: Fields, Georgia, serif;
	font-size: 1.5rem; */
    line-height: 1.2;
    letter-spacing: -.2px;
/*	font-weight: 800; */
}

#banner_anchor #banner {
	height:250px;
}

#tabs_new {
	position: absolute;
	display:block;
	top:210px;
	width: 100%;
	background-image: linear-gradient(0deg, #FFF, #FFF, #FFF, #FFF, #FFF, #FFF, #e6e9ef); 
	border-top-style: solid; 
	border-width: thin;
	border-color: #e6e9ef; 
	font-weight:bold;
    <!-- box-shadow: 0px -5px 5px 0 rgb(0 0 0 / 20%); -->
}

#breadcrumbs {
	padding: 10px 40px 10px 40px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	background-image: linear-gradient(0deg, #FFF, #FFF, #FFF, #FFF, #FFF, #FFF, #e6e9ef); 
	border-bottom-style: solid; 
	border-width: thin;
	border-color: #e6e9ef; 
	font-size: 12.325px;
}

#breadcrumbs a {
	display: inline-block;
	color: #003D38;
	padding-bottom: 2px;
}

.breadcrumbs_sale:after {
	display: inline-block;
	margin-left: 4px;
	padding: 1px 2px 1px 2px; /* top, right, bottom, left */
	background-color: red;
	color: white;
	font-weight: bold;
	content: "SALE";
    border-radius: 4px;
    text-decoration: none;
}

#breadcrumbs strong {
	color: #003D38;
}

#breadcrumbs_checkout {
	position: absolute;
	display:block;
	top:210px;
	width: 100%;
	background-image: linear-gradient(0deg, #FFF, #FFF, #FFF, #FFF, #FFF, #FFF, #e6e9ef); 
	border-top-style: solid; 
	border-width: thin;
	border-color: #e6e9ef; 
	border-bottom-style: solid; 
	border-width: thin;
	border-color: #e6e9ef; 
	font-size: 12.325px;
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	padding: 10px 40px 10px 40px; /* top, right, bottom, left */
}

#tabs_spacing {
	height: 28px;
    margin-left: 25px;
    margin-right: 0px;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
	transition: background-color 1s ease;
    background-color: none;
}

#tabs_spacing:hover {
	transition: background-color 0.1s ease;
    background-color: #d2eb78;
}

#tabs_spacing a {
	text-decoration:none;
}

#tabs_spacing a:hover {
	text-decoration:none;
}

#LHSNAV_cart {
	width:500px;
	height: auto;
	top: 90px; /* changed from 190px to 90px 27/10/2011 */
	right: -454px; /* changed from 190 (40 offset)*/
	position: absolute;
	display: block;
	z-index:600;
 	background: url(images/2025_JanGrabbar01.svg); 
	background-repeat: no-repeat;
	background-size: 500px 1000px;
}

#LHSNAV_cart hr {
	border:1px dotted #CCC;
}

#LHSNAV_cart_grabbar {
	float:left;
	width:44px;
	height:112px;
	cursor:pointer;
	padding-top:16px;
}

#IndexPreContent_Background {
	position: relative;
	height: 240px;
	width: 100%;
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	margin: 0px 0px 40px 0px; /* top, right, bottom, left */
/*	background-image: linear-gradient(180deg, rgba(97,128,167,0.7), rgba(97,128,167,0.7), rgba(97,128,167,0.5), rgba(97,128,167,0.0)); */
	background-color: #1f4040;	
}

#PCA_LEFT {
    position: absolute;
    top: 100px;
    left: 50px;	
}

#PCA_RIGHT {
	position: absolute;
	top: 100px;
	right: 50px;	
}

#PCA_01 {
	width: 70%;
	margin: 0 auto;
	/* disable annoying double-click highlight when using banner controls */
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;

}

#PCA_02 {
	width: 70%;
	margin: 0 auto;
	/* disable annoying double-click highlight when using banner controls */
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#PCA_03 {
	width: 70%;
	margin: 0 auto;
	/* disable annoying double-click highlight when using banner controls */
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#IndexPreContent_Content {
	padding: 0px 0px 0px 0px;
    margin: 20px 40px 20px 40px;
    overflow: auto;
}


#SMSCounter
{
	float:left
	margin:0px;
	padding:0px;
	background-color:#000;
	color:#FDFFC2;
	border:inset thin;
	width:70px;
	height:30px;
	font: 1.8125em "Lucida Console", Monaco, monospace;
    letter-spacing: 10px;
}

/*

#SMSCounter span {
	margin:0px;
	padding:0px;
	width: 70px;
	height: 30px;
	display: block;
	position:absolute;
	background: url(/images/smscounter01.png);
}

*/

#counterpane 
{
	z-index: 20;
	background:#000 url(/images/smscounter01.png) no-repeat;
/*	background-color: #000; */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5; */
  }

#sms_preview {
	width: 705px;
	padding:5px;
	background-color:#F7FFCD;
	background-color:#eaeef3;
	color:#666;
	border:inset thin;
    min-height: 60px;
    margin-bottom: 10px;
}

#bs_SALETAG {
    display: block;
    background-color: red;
    color: white;
    font-weight: bold;
    box-shadow: 5px 8px 10px 0 rgb(0 0 0 / 5%);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 5px;
    width: 50%;
}


/* Classes.  Can apply to multiple elements, and elements can have multiple classes */

.FBAD_fullwidthcontainer {
    width: calc(100% - 10px);
	overflow: hidden;
    box-shadow: 5px 8px 10px 0 rgb(0 0 0 / 5%);
	border-bottom-right-radius: 20px;
	margin-top: 20px;
	background-image: linear-gradient(180deg, rgba(97,128,167,0.0), rgba(97,128,167,0.1), rgba(97,128,167,0.0));
}

.sitemenu_callout {
	background: transparent url('../images/20210225_TextBookIcon.png') no-repeat right;
	padding-right: 20px;
}

.sitemap_subject {
	color: #003768;
}

.sitemap_showall {
    vertical-align: middle;
    font-size: x-small;
	color: #003768;
}

.download {
	border:none !important;
}

.iframe_email {
	width: 700px;
	border: none;
}

.madeforyourorder img {
	border:none;
	float:left;
	margin-right: 8px;
    margin-bottom: 8px;	
    cursor: pointer;
}

.table_normal {
	color: rgb(116, 103, 56);
}

.table_normal tr {
}

.table_normal td {
}

.variations_info {
	background-color: #003768;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
	margin-right: 10px;
	cursor: default;
}

.content {
    padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	margin: 20px 40px 20px 40px; /* top, right, bottom, left */
    overflow: auto;	
}

.reading {
	margin-top:1em;
	color: #003D38;
}

.reading a {
	border-bottom: #767676 thin dotted;
	color: #003D38;
}

.reading a.external {
	border-bottom: #767676 thin dotted;
	color: #003D38;
	background: transparent url('../images/20210225_ExternalLinkIcon.png') no-repeat right;
	padding-right: 20px;

}

.reading a:hover {
	text-decoration: none;
	border-bottom: #003D38 thin solid;
	color: #003D38;
}

.collapsible_content {
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	margin: 20px 40px 20px 40px; /* top, right, bottom, left */
	display: none;
	overflow: hidden;
}

.collapsible_button {
	position: relative;
	display: block;
    cursor: pointer;
	background-color: #BFD961;
    color: #003D38;
    font-weight: bold;
    padding: 5px;
    border-style: solid;
    border-color: #BFD961;
    width: fit-content;
	margin: 20px 40px 20px 40px; 
    overflow: auto;	
	text-transform: uppercase;
}

.collapsible_button:before {
	content: "+ "; 
}

.active, .collapsible_button:hover {
	background-color: white;
    color: #003D38;
}

.active:before {
	content: "- "; 
}

.noleftmargin {
	margin-left: 0px;
}

.cart_items{
	float:left;
	left:20px;
	width: 50px;
	color: #ffffff;
	font-weight:bold;
	text-align:center;
}

#pageheaderextend {
	margin-bottom: 10px;
}

.details_container {
/*	height:540px; */
}

.details_container_content {
	width: 100%;
	padding: 20px 40px 20px 40px; /* top, right, bottom, left */
}

.details_background {
	position: relative;
	width: 100%;
}

.details_background img {
	width: 100%;
	position: absolute;
	height: 540px;
	overflow: hidden;
	z-index: -20;
}

.nondetails_background {
	position: relative;
}

.nondetails_background img {
	position: absolute;
	overflow: hidden;
	z-index: -20;
}

.details_background_overlay_container {
	position: relative;
}

.details_background_overlay {
	position: absolute;
	width: 100%;
	height: 540px;
	background-image: linear-gradient(-45deg, rgba(255,255,255,1.0), rgba(255,255,255,1.0), rgba(255,255,255,1.0), rgba(255,255,255,1.0), rgba(255,255,255,0.75), rgba(255,255,255,1.0));
	z-index: -19;
}

.details_hero {
	display: block;
	float:left;
}

.details_hero img {
	box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.05);
	border-radius: 20px;	
}

.details_PRICE_container {
	display: block;
	margin: 1em 0em 1em 0em; /* top, right, bottom, left */
}

.details_PRICE_SALETAG {
    background-color: #003768;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    width: fit-content;
    float: left;
}

.details_PRICE_SALEPRICE {
    color: #003768;
    font-weight: bold;
    padding: 5px;
    float: left;
}

.details_PRICE_NORMALPRICE {
    color: #003768;
    font-weight: bold;
	padding: 5px 0px 5px 0px; /* top, right, bottom, left */
}

.details_PRICE_OLDPRICE {
    padding: 5px;
}

.details_ADDTOCART_container {
	display: block;
	margin: 1em 0em 1em 0em; /* top, right, bottom, left */
}

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

.details_ADDTOCARTBUTTON {
    cursor: pointer;
    background-color: red;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    border-style: solid;
    border-color: red;
    width: fit-content;
}

.details_ADDTOCARTBUTTON:hover {
    cursor: pointer;
	background-color: white;
    color: red;
    font-weight: bold;
	text-transform: uppercase;
    padding: 5px;
    width: fit-content;
    border-style: solid;
    border-color: red;
    width: fit-content;
}

.details_PREORDERBUTTON {
    cursor: pointer;
	background-color: #003D38;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    border-style: solid;
    border-color: #003D38;
    width: fit-content;
}

.details_PREORDERBUTTON:hover {
    cursor: pointer;
	background-color: white;
    color: #003D38;
    font-weight: bold;
	text-transform: uppercase;
    padding: 5px;
    width: fit-content;
    border-style: solid;
    border-color: #003D38;
    width: fit-content;
}



.details_ADDTOCARTBUTTON_PROCESSING {
    cursor: pointer;
	background-color: white;
    color: red;
    font-weight: bold;
	text-transform: uppercase;
    padding: 5px;
    width: fit-content;
    border-style: dotted;
    border-color: red;
    width: fit-content;
}

.details_GENERICBUTTON {
    cursor: pointer;
    background-color: red;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    border-style: solid;
    border-color: red;
    width: fit-content;
}

.details_GENERICBUTTON:hover {
    cursor: pointer;
	background-color: white;
    color: red;
    font-weight: bold;
	text-transform: uppercase;
    padding: 5px;
    width: fit-content;
    border-style: solid;
    border-color: red;
    width: fit-content;
}

.details_GENERICBUTTON:hover a {
    color: red;
	text-decoration: none;
}

.details_SECONDARYBUTTON {
    cursor: pointer;
    background-color: #003D38;
    color: #FFF;
    font-weight: bold;
    padding: 5px;
    border-style: solid;
    border-color: #003D38;
    width: fit-content;
}

.details_SECONDARYBUTTON:hover {
    cursor: pointer;
	background-color: white;
    color: #003D38;
    font-weight: bold;
	text-transform: uppercase;
    padding: 5px;
    width: fit-content;
    border-style: solid;
    border-color: #003D38;
    width: fit-content;
}

.details_OPTIONSBUTTON {
    cursor: pointer;
	border-bottom: #767676 thin dotted;
	color: #767676;
    width: fit-content;
    margin-right: 10px;
	margin-bottom: 10px;    
    float:left;
}

.details_OPTIONSBUTTON_HIGHLIGHT {
    cursor: pointer;
	text-decoration: none;
	border-bottom: #767676 thin solid;
	color: #767676;
    width: fit-content;
    margin-right: 10px;
	margin-bottom: 10px;    
    float:left;
}

.eBookCheck {
	background: transparent url('../images/20210225_ExternalLinkIcon.png') no-repeat;
	padding-left: 20px;
    cursor: pointer;
	border-bottom: #767676 thin dotted;
	color: #767676;
    width: fit-content;
    margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 20px;    
    float:left;
}

.eBookCheck_HIGHLIGHT {
    cursor: pointer;
	text-decoration: none;
	border-bottom: #767676 thin solid;
	color: #767676;
    width: fit-content;
    margin-right: 10px;
	margin-bottom: 10px;    
    float:left;
}

.details_thumbs {
    float: left;
    cursor: pointer;
    display: block;
    background-color: white;
    height: 100px;
    width: 100px;
    margin: 2px;
    border-style: dotted;
    border-width: thin;
    border-color: #767676;	    
}

.details_thumbs_container {
	height: 100px;
}

.details_thumbs img {
	margin-left: auto;
    margin-right: auto;
    display: block;
}

.details_text {
	display: block;
	float:left;
	margin: 0px 0px 0px 40px; /* top, right, bottom, left */
    width: calc(100% - 600px);	
/*    background-color: rgba(255,255,255,0.5);
    padding: 20px;     */
}

.textbooktype_CALLOUT {
    cursor: pointer;
    background-color: #767676;
    color: #FFF;
    font-weight: bold;
	text-transform: uppercase;
    padding: 5px;
    border-style: solid;
    border-color: #767676;
    width: fit-content;
	margin: 10px 10px 10px 0px; /* top, right, bottom, left */
    cursor: help;
}

.textbooktype_OPTIONSBUTTON {
    cursor: pointer;
	border-bottom: #767676 thin dotted;
	color: #767676;
    width: fit-content;
    margin-right: 10px;
	margin-bottom: 10px;    
	padding-top: 10px;
    float:none;
}

.textbooktype_OPTIONSBUTTON_HIGHLIGHT {
    cursor: pointer;
	border-bottom: #767676 thin solid;
	color: #767676;
    width: fit-content;
    margin-right: 10px;
	margin-bottom: 10px;    
	padding-top: 10px;
    float:none;
}

.error_generic_hidden {
    cursor: help;
	background-color: white;
    color: red;
    font-weight: bold;
	text-transform: uppercase;
    padding: 5px;
    width: fit-content;
    border-style: solid;
    border-color: red;
    width: fit-content;
    margin-bottom: 10px;
    display: none;
}


.stockcontainer {
	display:block;
	width: 400px;
	height: 22px;
}

.stockbarcontainer { 
	background-color:#BFD961;
	height:20px; width:150px; 
	display:block; 
	float: left;
} 

.stockbarlevel { 
	background-color:#003D38;
	height:20px;
} 

.stockbartext { 
/*	color: #767676; */
/*	text-transform: uppercase; */
}

.sitemenucolumns {
	float: left;
/*	width: 31%; */
	margin-right:50px;
	margin-bottom: 50px;
	min-height: 150px;
	font-weight:normal;
	text-align:left;
	line-height: 1.0;
}

.sitemenucolumns ul {
	line-height: 2.0;
    list-style: none;
    padding-left: 0;
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

.sitemenucolumns ul li {
    list-style: none;
    padding-left: 0;
}

.sitemenucolumns ul li.subheading {
    list-style: none;
    padding-left: 0;
    text-transform: uppercase;
    font-weight: bold;
	color: #003D38;
}

.sitemenucolumns ul li.subheading a {
    list-style: none;
    padding-left: 0;
    text-transform: uppercase;
    font-weight: bold;
	color: #003D38;
}

.sitemenucolumns ul li a {
	display: block;
	text-decoration: none;
	transition: background-color 1s ease;
    background-color: none;
}

.sitemenucolumns ul li a:hover {
	transition: background-color 0.1s ease; 
	background-color:#d2eb78;
}

.intelisearch {
	display: block;
	background-color: #FFF;
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	font-weight:normal;
	text-align:left;
	line-height: 1.0;
}

.intelisearch ul {
	line-height: 2.0;
    list-style: none;
    padding-left: 0;
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
}

.intelisearch ul li {
    list-style: none;
	padding: 5px 5px 0px 5px; /* top, right, bottom, left */
}

.intelisearch ul li a {
	display: block;
	text-decoration: none;
	color: #7a7a7a;
	transition: background-color 1s ease;
    background-color: none;
}

.intelisearch ul li a:hover {
	color: #7a7a7a;
	transition: background-color 0.1s ease;
	background-color:#e6ff44;
}

.sitemapforsearch {
	display:none;
}

.sitemenu_heading {
	padding-bottom: 10px;
	text-transform: capitalize;
	color: #b3adad;
}

.sitemenu_common {
	position: absolute;
	display: block;
	min-height: 250px;
	margin-top:250px;
	padding-left:40px;
	padding-top:25px;
	z-index: 2;
	visibility: hidden;
	background-image: linear-gradient(-45deg, #cdd0d6, #FFF, #FFF, #FFF);
	border-bottom-style: solid; 
	border-right-style: solid; 
	border-width: thin;
	border-color: #dddfe2; 
	box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.05);
	border-bottom-right-radius: 20px;	
}

.sitemenu_merch {
}

.sitemenu_students {
}

.sitemenu_staff {
}

.sitemenu_office {
}

.sitemenu_books {
}

.popcart {}

.popcart a {
/*	color:rgb(122, 122, 122); */
}

.popcart a:hover {
/*	color:rgb(122, 122, 122); */
}

.CART_content {
    margin: 120px 20px 0px 64px; /* top, right, bottom, left */
    padding: 20px 20px 0px 20px; /* top, right, bottom, left */
  	line-height: 2.0;
}

.CART_total {
    font-size: medium;
    padding-left: 5px;
}

.CART_footer {
	margin-left: 64px;
    background-color: #f9f8f8;
    padding: 20px 20px 20px 20px; /* top, right, bottom, left */
}

.CART_footer_enc {
    margin-left: 64px;
    background-image: linear-gradient(0deg, #e6e9ef, #FFF);
    height: 10px;
}

.bs_sidebaritems {
}

.bs_sidebaritems a {
	color: #3a75c4;
	font-weight: bold;
}

.bs_sidebaritems a:hover {
}

.bs_sidebaritems img {
	border:none;
	float: left;
}

.bs_sidebaritems img:hover {
}

.bs_sidebaritems_subscriber {
	color:#666;
}

.bs_sidebaritems_subscriber a {
	color: #3a75c4;
	font-weight: bold;
}

.bs_sidebaritems_subscriber a:hover {
}

.bs_sidebaritems_subscriber img {
	border:none;
}

.bs_sidebaritems_subscriber img:hover {
}

.aprilgrid_image_container {
	width:100%;
	min-height: 200px;
}

.aprilgrid_image_container img {
	box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.05);
	border-radius: 20px;	
}

.aprilgrid_text_container {
	padding:10px;
}

:focus {
	outline: none;
}

.indextag_wrapper {
    display: inline-block;
}

.indextag {
/*	background-image: linear-gradient(0deg, hsl(213deg 28% 52% / 6%), #FFF, #FFF);  */
    margin: 0px 5px 5px 0px;
    padding: 3px 3px 3px 3px;
    border: hsl(212deg 34% 84%) thin solid;
    border-radius: 5px;
    float: left;	
}

.indextag_sale:after {
	margin-left: 5px;
	padding: 2px;
	background-color: red;
	color: white;
	font-weight: bold;
	content: "SALE";
    border-radius: 4px;
}

.indextag_parent:after {
	margin-left: 5px;
	padding: 2px;
	background-color: blue;
	color: white;
	font-weight: bold;
	content: "PARENT";
    border-radius: 4px;
}

.subheader {
    display: inline-block;
    margin-top: 40px;
}

.subheader_text {
	font-family: Fields, Georgia, serif;
    line-height: 1.4;
	font-size: 1.25rem;
    letter-spacing: -.6px;
	font-weight: 800;
    letter-spacing: -.6px;
	display: inline;
	margin-right: 8px;



}

.subheader_tag {
/*	background-image: linear-gradient(0deg, hsl(213deg 28% 52% / 6%), #FFF, #FFF);  */
    margin: 0px 5px 5px 0px;
    padding: 3px 3px 3px 3px;
    border: hsl(212deg 34% 84%) thin solid;
    border-radius: 5px;
    float: right;	
}

.inputSearchIMG {
	vertical-align:middle;
	padding-bottom:2px;
	padding-left:1px;
}

.inputSearchNormal {
	border: none;
	margin: 0px;
	height:34px;
	width:320px;
	background:none;
	padding-left:8px;
}

.inputSearchSelected {
	border: none;
	margin: 0px;
	height:34px;
	width:320px;
	background:none;
	padding-left:8px;
}

.bs_redBold {
	color:#FF0000;
	font-weight:bold;
}

.bs_navCURRENT {
    font-weight: bold;
    color: #ffffff;
    background-color: #217BEF;
    padding: 5px;
}