@import url("/css/fonts/stylesheet.css?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("/css/fonts/stylesheet.css?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
H1 {
  font-size: 13pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

H2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 9pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: normal;
}

H3 {
  font-size: 12pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

H4 {
  font-size: 11pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

#searchForm {
  position: relative;
  float: right;
  margin-top: 10px;
}

#searchForm input {
  border: 0;
  outline: none;
}

#register_email {
  display: none;
}

.headerTable table {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  color: #ffffff;
}

.mainNavbar {
  overflow: hidden;
  background-color: #ffffff;
  margin-top: 0px;
}

.mainDropdown {
  float: left;
  overflow: hidden;
  margin-top: 10px;
}

.mainDropdown, .mainDropbtn {
  font-size: 10pt;
  letter-spacing: 1px;
  border: none;
  outline: none;
  color: #000000;
  background-color: #ffffff;
  font-family: inherit;
  margin: 0;
  border-bottom: 3px solid white;
}

.mainDropbtnSpec {
  font-size: 10pt;
  border: none;
  outline: none;
  color: #000000;
  background-color: #ffffff;
  font-family: inherit;
  margin: 0;
  padding: 0px 18px 0px 0px;
  letter-spacing: 1px;
}

.mainDropbtnSpec:hover {
  text-decoration: underline;
  cursor: pointer;
}

.mainDropdown {
  padding: 0px 22px 0px 0px;
}

.mainDropbtn:hover {
  text-decoration: none;
  letter-spacing: 1px;
  border-bottom: 3px solid black;
  cursor: pointer;
}

.mainNavbar a:hover, .mainDropbtn {
  background-color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.mainDropdown-content {
  display: none;
  position: absolute;
  z-index: 1000;
  font-size: 10px;
  margin-top: 0px;
  left: 0px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: #ffffff;
}

.mainDropdown-content a,
.dropdown-content-small-nav a,
.dropdown-content-small-nav-cs a {
  padding: 1px 15px;
  color: #000000;
  font-size: 10pt;
  text-decoration: none;
}

.mainDropdown-content a:hover {
  text-decoration: underline;
  background-color: #ffffff;
  color: #000000;
}

.dropdown-content-small-nav a:hover,
.dropdown-content-small-nav-cs a:hover {
  text-decoration: underline;
  color: #000000;
}

.mainDropdown:hover .mainDropdown-content {
  display: block;
}

/* top level navigation - teacher - quick order and customer service options */
.navbar-cs {
  background-color: #000000;
  margin-left: 14px;
}

.dropdown-cs, .dropbtn-cs {
  font-size: 10pt;
  border: none;
  outline: none;
  color: #000000 !important;
  background-color: #ffffff;
  font-family: inherit;
  /* padding-right:6px; */
  cursor: pointer;
}

.dropdown-cs-wht, .dropbtn-cs-wht {
  font-size: 10pt;
  border: none;
  outline: none;
  color: #000000 !important;
  background-color: #ffffff;
  font-family: inherit;
  padding-right: 15px;
  cursor: pointer;
}

.dropdown-content-small-nav,
.dropdown-content-small-nav-cs {
  display: none;
  position: absolute;
  z-index: 1000;
  font-size: 10pt;
  background-color: #ffffff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.dropdown-content-small-nav a,
.dropdown-content-small-nav-cs a {
  float: left;
  color: black !important;
  text-decoration: none;
  text-align: left;
  font-size: 10pt !important;
}

.dropdown-cs:hover .dropdown-content-small-nav {
  display: block;
}

.dropdown-cs:hover .dropdown-content-small-nav-cs {
  display: block;
}

.actionBtn a:link, .actionBtn a:hover {
  background-color: #357D84 !important;
  border: 1px solid #357D84 !important;
  color: #fff !important;
  font-size: 16px !important;
  border-radius: 10px !important;
  text-align: center !important;
}

.footer_link, .footer_link a:visited {
  color: #ffffff !important;
  font-size: 14px !important;
  text-decoration: none !important;
}
.footer_link:hover, .footer_link a:visited:hover {
  text-decoration: underline !important;
}

.footer_lower_link {
  color: #545454 !important;
  font-size: 10px !important;
  text-decoration: none !important;
}
.footer_lower_link:hover {
  text-decoration: underline !important;
}

.subsign {
  background-color: #e6087b;
  color: #fff !important;
  font-size: 10px !important;
  border: 0 !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  letter-spacing: 0.13em !important;
  outline-width: 0 !important;
  outline: none !important;
  margin-right: 0px !important;
  cursor: pointer;
  /* css3 fade-in and out background color on hover */
  transition: color 0.5s linear, background-color 0.5s ease-in-out;
}
.subsign:hover {
  background-color: #c9076c;
  /* css3 fade-in and out background color on hover */
  transition: background-color 0.25s ease-in-out;
}

.TeacherPrice {
  font-size: 10pt;
  color: #4E7C81;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

.OnSale {
  font-size: 10pt;
  color: #ff0000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
  line-height: 18px;
}

.OnSaleDetail {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 12pt;
  color: #ff0000;
  font-weight: bold;
  line-height: 18px;
}

.NewLowerPrice {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  color: #ff0000;
  font-weight: bold;
  line-height: 18px;
}

.NewTag {
  font-size: 12pt;
  color: #ff0000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: normal;
}

.RegPrice {
  font-size: 10pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

.RegPriceDetail {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  line-height: 18px;
}

.RegPriceAmount {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: #000000;
  line-height: 18px;
}

.TeacherPriceDetail {
  font-size: 12pt;
  color: #4E7C81;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: normal;
  line-height: 18px;
}

.RetailPriceDetail {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 9pt;
  color: #777474;
  font-weight: normal;
  line-height: 18px;
}

.facetBox {
  overflow-x: hidden;
  overflow-y: auto;
  width: 97%;
  max-height: 290px;
  padding: 5px 5px 5px 5px;
  /*
     border-style: solid; 
     border-width: 1px; 
     border-color: #e9e9e9;
  */
}

.facetTitle {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  color: #777474;
  font-weight: bold;
  white-space: nowrap;
}

.facetItem, a.facetItem:link, a.facetItem:visited, a.facetItem:active, a.facetItem:hover {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 9pt;
  color: #777474;
  font-weight: normal;
  line-height: 18px;
  white-space: nowrap;
  cursor: hand;
  cursor: pointer;
  display: inline-block;
}

a.facetItem:link, a.facetItem:visited, a.facetItem:active, a.facetItem:hover {
  text-decoration: none;
}

.facetItemSelected {
  width: 100%;
  line-height: 18px;
  color: #777474;
  background-color: #F0F0F0;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 9pt;
  font-weight: normal;
  cursor: hand;
  cursor: pointer;
  display: inline-block;
}

.tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #F0F0F0;
  color: #000000;
  border-color: #777474;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  padding: 5px 0;
  border-radius: 5px;
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  margin-left: 10px;
  margin-top: -28px;
  opacity: 1;
}

.facetColorBox {
  width: 12%;
  height: 29px;
  margin: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  border-radius: 32px;
  /*float: left;*/
  display: inline-block;
  cursor: hand;
  cursor: pointer;
}

.facetColorBox:hover .tooltiptext {
  visibility: visible;
}

.facetColorBoxSelected {
  width: 11%;
  height: 28px;
  margin: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #000000;
  border-width: 3px;
  border-radius: 32px;
  display: inline-block;
  cursor: hand;
  cursor: pointer;
}

.facetSizeBox {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 7.5pt;
  font-weight: normal;
  width: 16%;
  height: 32px;
  margin: 2px 2px 2px 2px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  border-radius: 3px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  letter-spacing: -1px;
  cursor: hand;
  cursor: pointer;
}

.facetSizeBoxSelected {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 7.5pt;
  font-weight: normal;
  width: 16%;
  height: 32px;
  margin: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #000000;
  border-width: 1px;
  border-radius: 3px;
  background-color: #F0F0F0;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 32px;
  letter-spacing: -1px;
  cursor: hand;
  cursor: pointer;
}

.facetColorNameBox {
  width: 50px;
  height: 20px;
  margin: 5px 5px 5px 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #000000;
  float: left;
}

.facetColorNameBoxSelected {
  width: 50px;
  height: 20px;
  margin: 2px 2px 2px 2px;
  border-style: solid;
  border-color: #000000;
  border-width: 3px;
  float: left;
}

.rainbow {
  background: -moz-linear-gradient(top, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 15%, rgb(0, 255, 0) 30%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 65%, rgb(255, 0, 255) 80%, rgb(255, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 0, 0)), color-stop(15%, rgb(255, 255, 0)), color-stop(30%, rgb(0, 255, 0)), color-stop(50%, rgb(0, 255, 255)), color-stop(65%, rgb(0, 0, 255)), color-stop(80%, rgb(255, 0, 255)), color-stop(100%, rgb(255, 0, 0)));
}

.ui-checkbox input, ui-radio input {
  position: relative;
  top: -1px;
  margin: 0px 10px 0px 0px;
  float: left;
}

.cssmenu {
  position: relative;
  width: auto;
}

.cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.cssmenu > ul {
  position: relative;
  display: block;
  width: 100%;
  z-index: 8;
}

.cssmenu:after,
.cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.cssmenu.align-right > ul > li {
  float: right;
}

.cssmenu.align-center ul {
  text-align: center;
}

.cssmenu.align-center ul ul {
  text-align: left;
}

.cssmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}

.cssmenu > ul > .menu-button {
  display: none;
}

.cssmenu ul li a {
  display: block;
  font-family: "poppins", "Myriad Pro", sans-serif;
  text-decoration: none;
}

.cssmenu > ul > li > a {
  font-size: 12px;
  padding: 8px 5px 6px 5px;
  color: #000000;
  text-transform: uppercase;
  transition: color 0.25s ease-out;
}

.cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}

.cssmenu > ul > li:hover > a {
  color: #903;
}

.cssmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

.cssmenu > ul > li.has-sub::after {
  right: 12px;
  top: 12px;
  border: 5px solid transparent;
  border-top-color: #000;
}

.cssmenu > ul > li:hover::after {
  border-top-color: #000;
}

.indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}

.pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  transition: left 0.25s ease;
}

.cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}

.cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  transition: opacity 0.3s ease, top 0.25s ease;
  z-index: 1000;
}

.cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}

.cssmenu ul ul li {
  position: relative;
}

.cssmenu > ul > li:hover > ul {
  left: auto;
  top: 26px;
  opacity: 1;
  border-left: 1px solid #c4c4c4;
  border-right: 1px solid #c4c4c4;
  border-bottom: 1px solid #c4c4c4;
}

.cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}

.cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}

.cssmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}

.cssmenu ul ul li a {
  width: 155px;
  border-bottom: 1px solid #eeeeee;
  padding: 10px 20px;
  font-size: 12px;
  color: #606060;
  background: #ffffff;
  transition: all 0.35s ease;
}

.cssmenu.align-right ul ul li a {
  text-align: right;
}

.cssmenu ul ul li:hover > a {
  background: #f2f2f2;
  color: #8c9195;
}

.cssmenu ul ul li:last-child > a,
.cssmenu ul ul li.last > a {
  border-bottom: 0;
}

.cssmenu > ul > li > ul::after {
  content: "";
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #ffffff;
  position: absolute;
  top: -12px;
  left: 30px;
}

.cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 30px;
}

.cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  transition: all 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}

.cssmenu.align-right ul ul li.has-sub::after {
  border-left-color: transparent;
  border-right-color: #9ea2a5;
  right: auto;
  left: 10px;
}

.cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #ffffff;
  right: -5px;
  transform: rotateY(180deg);
}

.cssmenu.align-right ul ul li.has-sub:hover::after {
  border-right-color: #ffffff;
  border-left-color: transparent;
  left: -5px;
  transform: rotateY(180deg);
}

/* Specific CSS specific to the Teacher program. */
#AreYouTeacher {
  position: relative;
  left: 50px;
  top: 170px;
  width: 390px;
  height: 300px;
  color: #FFF;
  font-size: 14px;
}

#AreYouStudent {
  position: relative;
  left: 55px;
  top: 170px;
  width: 390px;
  height: 300px;
  color: #FFF;
  font-size: 14px;
}

/* teacher program class styles */
.teacherTable {
  font-size: 10pt;
  color: #606060;
}

/*
.teacherTable td {
      height:20px; 
     padding-bottom:2px;
     font-size: 10pt; 
     color: #606060;
}*/
.teacherForm select {
  color: #666;
  font-size: 11pt !important;
  margin-bottom: 4px;
  margin-right: 4px !important;
  margin-left: 0pm !important;
  padding: 6px;
}

.teacherForm textarea {
  color: #666;
  font-size: 10pt;
  padding: 4px 4px 4px 2px;
  outline: none;
  resize: none;
}

.teacherHeader {
  font-weight: bold;
  font-size: 10pt;
}

.teacherProgramDetails {
  font-size: 10pt;
  color: #FFF;
  background-color: #879291;
}

a.teacherLink:link {
  font-size: 10pt;
  color: #4E7C81;
  text-decoration: none;
}

a.teacherLink:hover {
  text-decoration: underline;
  font-size: 10pt;
}

a.teacherLink:visited {
  color: #4E7C81;
  font-size: 10pt;
}

a.schoolLink:link {
  font-size: 10pt;
  color: #06b1f8;
  text-decoration: none;
}

a.schoolLink:hover {
  text-decoration: underline;
  font-size: 10pt;
}

a.schoolLink:visited {
  color: #06b1f8;
  font-size: 10pt;
}

h1.teacherTitle {
  font-size: 13pt;
  font-weight: bold;
}

.teacherText {
  font-size: 10pt;
  line-height: 20px;
}

.teacherTextSmall {
  font-size: 8pt;
  line-height: 14px;
}

#screenMask {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 3002;
  background-image: url(image/teacherProgram/popUpBG.png);
}

#popUpDiv {
  visibility: hidden;
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  z-index: 3003;
  background-color: #333;
}

.teacherTable .noticeText {
  color: #4E7C81;
}

.teacherTable .errorText {
  color: #ff0000;
}

.pointBubble {
  display: inline-block;
  text-align: center;
  /* width: 10%; */
  /* border: 1.2em solid #dddddd; */
  background-color: #ffffff;
  width: 270px;
  height: 185px;
  line-height: 185px;
  border-radius: 10%;
  float: left;
  margin: 10px;
}

.perksBubble {
  display: inline-block;
  text-align: center;
  /* width: 10%; */
  /* border: 1.2em solid #dddddd; */
  background-color: #ffffff;
  width: 162px;
  height: 119px;
  line-height: 119px;
  border-radius: 8%;
}

.memberBubble {
  display: inline-block;
  text-align: center;
  /* width: 10%; */
  /* border: 1.2em solid #dddddd; */
  background-color: #ffffff;
  padding-left: 20px;
  padding-right: 20px;
  height: 35px;
  line-height: 35px;
  border-radius: 5%;
  margin-left: 20px;
}

.DTPbrand {
  position: relative;
  width: 200px;
  height: 100px;
  border-radius: 10px;
  background-color: #fff;
}

.DTPbrand a:link {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  font-size: 14pt;
  text-decoration: none;
}

/* css specific to checkout process */
.checkoutHeader {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 14pt;
  color: #777474;
}

.checkoutSubHeader {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 11pt;
  color: #777474;
}

.checkoutText, a.checkoutText:link, a.checkoutText:hover, a.checkoutText:visited, a.checkoutText:active {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 12pt !important;
  color: #777474;
  line-height: 14pt;
}

.checkoutTable td, a.checkoutTable:link td, a.checkoutTable:hover td, a.checkoutTable:visited td, a.checkoutTable:active td {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 12pt !important;
  color: #777474;
  line-height: 15pt;
}

a.checkoutTable:link td, a.checkoutTable:hover td, a.checkoutTable:visited td, a.checkoutTable:active td,
a.checkoutText:link, a.checkoutText:hover, a.checkoutText:visited, a.checkoutText:active {
  color: #990033;
  text-decoration: none;
}

.checkoutTable .actionButton {
  color: #fff;
  text-decoration: none;
}

.checkoutTableHeader {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 12pt;
  color: #777474;
}

.checkoutTable .actionButton, .checkoutTable .infoButton, .checkoutTable .blackButton,
.checkoutTable .actionSubmit, .checkoutTable .infoSubmit, .checkoutTable .blackSubmit {
  padding: 5px 15px;
}

input.error, select.error {
  border: 1px solid #ff0000;
  font-size: 10pt;
  background-color: #ffffcc;
}

label.error {
  top: 6px;
  background: #ff0000;
  border: 1px solid #ff0000;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  width: 250px;
  color: #ffffff;
}

/* arrows - :before and :after */
label.error:before {
  position: absolute;
  top: -7px;
  left: 98px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ff0000;
  border-left: 7px solid transparent;
  border-bottom-color: #ff0000;
  content: "";
}

label.error:after {
  position: absolute;
  top: -6px;
  left: 99px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ff0000;
  border-left: 6px solid transparent;
  content: "";
}

.textinput {
  height: 16px;
  font-size: 8pt;
}

select {
  font-size: 12pt;
}

.textinputError {
  height: 16px;
  font-size: 12pt;
  background-color: #ffffcc;
  border-bottom: 1px solid #ff0000;
  border-right: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  border-left: 1px solid #ff0000;
}

.ui-tooltip {
  padding: 10px 20px;
  border-radius: 10px;
  width: 300px;
  font: 12px Verdana, Sans-Serif;
  box-shadow: 0 0 7px black;
  position: absolute;
  z-index: 100;
}

.bigRadio, .bigCheckbox {
  border-radius: 16px;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #999;
  box-sizing: border-box;
  height: 16px;
  margin: 3px 10px 0 0;
  transition: all 0.1s linear 0s;
  width: 16px;
  display: block;
  float: left;
  position: relative;
  z-index: 11;
}

.bigRadio:after, .bigCheckbox:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color #fff #fff -moz-use-text-color;
  border-image: none;
  border-style: none solid solid none;
  border-width: medium 2px 2px medium;
  box-sizing: border-box;
  content: " ";
  height: 20px;
  left: 6px;
  opacity: 0;
  position: absolute;
  top: 1px;
  transform: scale(0.7) rotate(45deg);
  transition: all 0.1s linear 0s;
  width: 20px;
}

.radio-button-label-text {
  display: block;
  line-height: 24px;
  margin-left: 30px;
  margin-top: 2px;
}

/* InkSoft */
table.checkoutTable tr.cartDispBigRow td img.inksoftPhoto {
  visibility: hidden;
}

body {
  background-image: url(bg_5_22_2023.gif);
  background-repeat: repeat-x;
  background-position: top;
  background-position-y: top;
  background-color: #ffffff;
  margin: 0;
  font-size: 10pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
}

#mainWindow, #mainDetailWindow {
  margin: 0px auto;
  width: 1280px;
  height: auto;
  min-height: 0px;
}

section {
  display: grid;
  min-height: 100vh;
}

section div {
  margin-top: 10px;
}

textarea {
  resize: none;
}

ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

label.error {
  display: block;
  float: left;
  color: #ffffff;
  padding-left: 10px;
}

.sizeChart {
  border: 1px solid #CCC;
  width: 600px;
}

.styleChart {
  border: 1px solid #CCC;
  width: 320px;
}

.stockChart {
  width: 500px;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
  background-color: #FFF;
}

.styleChart, .stockChart {
  caption-side: bottom;
}

.styleChart tr.firstRow, .stockChart tr.firstRow, .sizeChart tr.firstRow {
  background-color: #777474;
  color: #ffffff;
}

.styleChart td.firstCol {
  background-color: #F0F0F0;
}

td.ruleline {
  height: 1px;
  background: #cccccc;
}

tr.spacer4px {
  height: 4px;
}

.inputbox {
  font-size: 8pt;
  color: #808080;
  font-family: "poppins", "Myriad Pro", sans-serif;
}

.searchinputbox {
  font-size: 8pt;
  color: #ff0000;
  font-family: "poppins", "Myriad Pro", sans-serif;
}

input {
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  margin-left: 0;
  margin-right: 5px;
  padding: 5px;
}

select {
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  margin: 5px;
  padding: 7px;
  border: 1px solid #777474;
  background-color: #ffffff;
}

/*
a:link, a:visited, a:active {
    font-size:10pt;
    color: $defaultText;
    text-decoration: none;
    &:hover{
        text-decoration: underline;
    }
}
*/
#miniBagTrigger {
  font-size: 10pt;
}

a:link.minorLink {
  font-size: 10pt;
  font-family: "poppins", "Myriad Pro", sans-serif;
  color: #999999;
  text-decoration: none;
}
a:link.minorLink:hover {
  text-decoration: underline;
}

.subHeader {
  font-size: 20px;
  font-weight: bold;
}

.headerAd {
  font-size: 10pt;
  color: #ffffff;
  cursor: pointer;
}

.thumbnailMfrTitle {
  font-family: "poppins", "Myriad Pro", sans-serif;
  color: #000000;
  font-size: 10pt;
  font-weight: bold;
}

a:link.checkInventory {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  font-weight: 200;
  text-decoration: underline;
  color: #000000;
}

a:link.thumbnailText, A:visited.thumbnailText, A:active.thumbnailText {
  font-family: "poppins", "Myriad Pro", sans-serif;
  color: #000000;
  font-size: 10pt;
  font-weight: 200;
}

a.boldRedLink {
  font-size: 10pt;
  font-family: "poppins", "Myriad Pro", sans-serif;
  color: #ff0000;
  text-decoration: underline;
  font-weight: bold;
}

.boldBlackLink {
  font-size: 10pt;
  font-family: "poppins", "Myriad Pro", sans-serif;
  color: #808080;
  text-decoration: none;
  font-weight: bold;
}

.BlackLink {
  font-size: 10pt;
  font-family: "poppins", "Myriad Pro", sans-serif;
  color: #808080;
  text-decoration: none;
  font-weight: normal;
}

a:link.A9pt, A:visited.A9pt, A:active.A9pt {
  font-size: 10pt;
  color: #ff0000;
  text-decoration: none;
}
a:link.A9pt:hover.A9pt, A:visited.A9pt:hover.A9pt, A:active.A9pt:hover.A9pt {
  text-decoration: underline;
}

a.breadcrumb {
  font-size: 10pt !important;
  color: #CCC !important;
  line-height: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

.nobr {
  white-space: nowrap;
}

.headerGap {
  padding-left: 5px;
  padding-right: 15px;
}

.headerGapTop {
  padding-left: 5px;
  padding-right: 8px;
}

.textinput {
  font-size: 10pt;
  background-color: #ffffff;
  border: 1px solid #999;
}

.textinput9pt {
  font-size: 10pt;
  padding: 2px;
  background-color: #ffffff;
  border: 1px solid #999;
}

.textinput9ptError {
  font-size: 10pt;
  padding: 2px;
  background-color: #ffffcc;
  border: 1px solid #ff4040;
}

.textinput12pt {
  font-size: 12pt;
  padding: 2px;
  background-color: #ffffff;
  border: 1px solid #999;
}

.textinput12ptError {
  font-size: 12pt;
  padding: 2px;
  background-color: #ffffcc;
  border: 1px solid #ff4040;
}

.body9ptBlack {
  font-size: 10pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  text-decoration: none;
  font-weight: 700;
}

.body9ptBlack A:link {
  font-size: 10pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  text-decoration: none;
  font-weight: 700;
}

.body10ptBlack {
  font-size: 10pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  text-decoration: none;
  font-weight: 700;
}

.body10ptBlack A:link {
  font-size: 10pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  text-decoration: none;
  font-weight: 700;
}

.newText {
  padding: 0px 3px 0px 3px;
  border-radius: 3px;
  background-color: #000000;
  color: #ffffff;
  font-family: "poppins", "Myriad Pro", sans-serif;
  text-decoration: none;
  font-weight: 700;
  font-size: 10pt;
}

.body8ptBlack {
  font-size: 10pt;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
}

.body9ptRed {
  font-size: 10pt;
  color: #ff0000;
  font-family: "poppins", "Myriad Pro", sans-serif;
}

.body9ptRedBold {
  font-size: 10pt;
  color: #ff0000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

.pageHeader {
  font-size: 12pt;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
}

.pageHeaderBold {
  font-size: 12pt;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

.boldHeader {
  font-size: 12pt;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

.redError {
  font-size: 10pt;
  color: #ff0000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: normal;
}

.redError9pt {
  font-size: 10pt;
  color: #ff0000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: normal;
}

.whiteHeader {
  font-size: 10pt;
  color: #ffffff;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

.greyHeader {
  font-size: 10pt;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

.sideHeader {
  font-size: 10pt;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
}

.sideHeader1, .sideHeader1 a:link, .sideHeader1 a:visited, .sideHeader1 a:active {
  font-size: 9pt;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
  letter-spacing: 0.02em;
  text-decoration: none;
}
.sideHeader1:hover, .sideHeader1 a:link:hover, .sideHeader1 a:visited:hover, .sideHeader1 a:active:hover {
  text-decoration: underline;
}

.sideHeader2 {
  font-size: 9pt;
  color: #F0F0F0;
  font-family: "poppins", "Myriad Pro", sans-serif;
}

.slideTitleText {
  font-size: 22px;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.sideHeader3, .sideHeader3 A:link, .sideHeader3 A:visited, .sideHeader3 A:active {
  font-size: 9pt;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
  text-decoration: none;
}
.sideHeader3:hover, .sideHeader3 A:link:hover, .sideHeader3 A:visited:hover, .sideHeader3 A:active:hover {
  text-decoration: underline;
}

.blackHeader {
  font-size: 9pt;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
}

.greyborder {
  border: 1px solid #777474;
}

.noborder {
  border: 1px none;
}

.moreColors {
  border: 1px none;
  background-color: #F0F0F0;
  font-size: 8pt;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: bold;
}

.YouMayAlsoLike {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 14pt;
  color: #000000;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.ProductDescriptionDetail {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 12pt;
  color: #000000;
  font-weight: 300;
  line-height: 20px;
}

.ProductDescription {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  color: #000000;
  font-weight: 300;
  line-height: 20px;
  width: 207px;
  display: inline-block;
  margin-top: 5px;
}

.ProductDescription A:link {
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-size: 10pt;
  color: #000000;
  font-weight: 300;
  line-height: 20px;
  text-decoration: none;
}

.StyleNumber {
  font-size: 11pt;
  /*color: #a0a0a0; */
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: 200;
}

.StyleInfoHover {
  font-size: 9pt;
  line-height: 16px;
  color: #777474;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: 500;
  border: solid 1px #F0F0F0;
  padding: 2px 0px 0px 2px;
  text-align: left;
  background: #ffffff;
  position: absolute;
  left: 5px;
  top: 10pt;
  width: 155px;
  height: 150px;
  z-index: 5;
  display: none;
}

.QuickLook, .StyleNumberHover {
  font-size: 10pt !important;
  line-height: 21px;
  color: #000000;
  font-family: "poppins", "Myriad Pro", sans-serif;
  font-weight: 500;
  border: solid 1px #aaaaaa;
  padding: 5px 0px 0px 0px;
  text-align: center;
  background: #ffffff;
  position: absolute;
  left: 38px;
  top: 240px;
  width: 135px;
  height: 25px;
  z-index: 5;
  display: none;
}

.QuickLook A:link {
  font-size: 10pt;
  line-height: 21px;
  color: #000000;
  font-weight: 500;
  text-decoration: none;
}

.Related, .Related a:link, .Related a:visited, .Related a:active, .Related a:hover {
  font-size: 9pt;
  font-family: "poppins", "Myriad Pro", sans-serif;
  color: #212121;
  font-weight: normal;
  text-decoration: none;
}
.Related:hover, .Related a:link:hover, .Related a:visited:hover, .Related a:active:hover, .Related a:hover:hover {
  color: #000000 !important;
}

.UpSell, .UpSell A:link, .UpSell A:visited, .UpSell A:active, .UpSell A:hover {
  font-size: 8pt;
  font-family: "poppins", "Myriad Pro", sans-serif;
  color: #313131;
  font-weight: normal;
}

.cellbox {
  border-color: #d1d1d1;
  border-style: none;
}

.cellbottom {
  border-color: #ffffff #ffffff #d1d1d1 #ffffff;
  border-style: none;
}

.celltop {
  border-color: #d1d1d1 #ffffff #ffffff #ffffff;
  border-style: none;
}

.cellright {
  border-color: #ffffff #d1d1d1 #ffffff #ffffff;
  border-style: none;
}

.cellleft {
  border-color: #ffffff #ffffff #ffffff #d1d1d1;
  border-style: none;
}

.xxcartTabOn {
  border: 1px solid #d1d1d1;
}

.cartTabOn {
  border-top: 0px solid #ffffff;
  border-left: 1px solid #606060;
  border-right: 1px solid #606060;
  border-bottom: 1px solid #606060;
}

#mainDisplayContainer {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  width: 380px;
  height: auto;
}

#prodDetailNav {
  position: relative;
  margin-left: 0;
  margin-top: 0px;
  width: 370px;
  height: 30px;
  overflow: hidden;
}

#prodDetailNav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#prodDetailNav li {
  display: inline;
  padding: 0px 3px 0px 0px;
}

#prodDetailNav li a {
  background-color: #CCC;
  height: 2em;
  line-height: 2em;
  float: left;
  width: 9em;
  display: block;
  border: 0.1em solid #dcdce9;
  color: #0d2474;
  text-decoration: none;
  text-align: center;
}

#prodDetailNav li a:hover {
  background-color: #f16a9b;
}

#prodDetailNav li a:active, #prodDetailNav li a:selected {
  background-color: #f16a9b;
}

#prodDetailMain {
  position: relative;
  margin-left: 0px;
  margin-top: 0px;
  width: 370px;
  height: auto;
  visibility: visible;
}

#prodReviews {
  position: relative;
  margin-left: 0px;
  margin-top: 0px;
  width: 370px;
  height: 0px;
  visibility: hidden;
}

.reviewHeader, .reviewText {
  font-size: 12pt !important;
  color: #000000 !important;
  line-height: 18pt;
}

.reviewText {
  font-weight: 300;
}

.reviewHeader {
  font-weight: bold;
}

#selectionsArea {
  position: relative;
  margin-top: 0px;
  width: 370px;
  height: auto;
}

.popUp {
  background-color: #ffffff;
  visibility: hidden;
  padding: 5px;
  position: absolute;
  border: 1px solid black;
  margin-left: 0px;
  margin-top: 0px;
  z-index: 100;
}

#box {
  position: absolute;
  width: 400px;
  height: 450px;
  z-index: 10;
  display: none;
}

#descriptionBox {
  position: relative;
  margin-left: 0px;
  margin-top: 0px;
  width: 380px;
  height: auto;
}

#tabBox {
  position: relative;
  margin-left: 0px;
  margin-top: 2px;
  width: 380px;
}

#tabbedNav {
  width: 100%;
  float: left;
  margin: 0 0 2em 0;
  padding: 0;
  list-style: none;
  background-color: #F0F0F0;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
}

#tabbedNav li {
  float: left;
}

#tabbedNav li a {
  display: block;
  padding: 8px 15px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  border-right: 1px solid #ccc;
  outline: none;
}
#tabbedNav li a:hover {
  color: #f16a9b;
  background-color: #ffffff;
  text-decoration: underline;
  outline: none;
}

#tabbedNavCart {
  width: 100%;
  float: left;
  margin-top: 2px;
  padding: 0;
  list-style: none;
}

#tabbedNavCart li {
  float: left;
}

#tabbedNavCart li a {
  display: block;
  padding: 4px 15px;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  border-right: 1px solid #ccc;
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  outline: none;
}
#tabbedNavCart li a:hover {
  color: #f16a9b;
  background-color: #ffffff;
  text-decoration: underline;
  outline: none;
}

#overviewBox {
  position: relative;
  margin-left: 0px;
  margin-top: -22px;
  width: 370px;
  height: auto;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 5px;
  font-size: 12px;
}

#detailsBox {
  position: relative;
  margin-left: 0px;
  margin-top: -22px;
  width: 370px;
  height: auto;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  display: none;
  padding: 5px;
}

#tellFriend {
  position: relative;
  margin-left: 0px;
  margin-top: -22px;
  width: 370px;
  height: auto;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  display: none;
  padding: 5px;
}

#sizing {
  position: relative;
  margin-left: 0px;
  margin-top: -22px;
  width: 370px;
  height: auto;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  display: none;
  padding: 5px;
}

#productHeader {
  position: relative;
  width: 380px;
  height: 30px;
  font-size: 1.2em;
  margin-top: 2px;
  color: #000;
  float: left;
  display: block;
  padding: 4px 0px;
}

#boxBorder {
  position: relative;
  width: 380px;
  margin-top: 0px;
}

#boxBorder1 {
  position: relative;
  width: 380px;
  height: 70px;
}

#boxBorderOptions {
  position: relative;
  width: 380px;
  margin-top: 0px;
  margin-left: 0px;
  vertical-align: top;
}

.textButton {
  float: left;
  display: block;
  padding: 3px 20px;
  font-weight: bold;
  width: 100px;
}

.textButtonRight {
  float: right;
  display: block;
  padding: 3px 20px;
  font-weight: bold;
  width: 100px;
}

.recentView {
  display: block;
  padding: 2px 10px;
  font-weight: bold;
  width: 55px;
  margin-left: 1px;
}

.upperRightMenu:link {
  font-size: 9pt;
  color: #000;
  text-decoration: none;
}

.divider {
  font-size: 12px;
  color: #CCC;
  vertical-align: top;
}

a.upperRightMenu:hover {
  color: #990033;
  font-size: 9pt;
  text-decoration: none;
}

a.upperRightMenu:visited {
  color: #000;
  font-size: 9pt;
}

.productBrand {
  font-size: 11pt;
  color: #000000;
  line-height: 20px;
  margin-left: -3px;
  font-weight: bold !important;
}

.productTitle {
  font-size: 15pt;
  font-weight: 200;
  color: #000000;
  color: #000000;
  line-height: 24px;
}

/* thumbnail page numbers */
.pageNumbers {
  color: #777474;
  border: 1px solid #ffffff;
  border-radius: 0px;
  width: 22px;
  height: 32px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  font-size: 10pt;
}

.pageNumbers a {
  text-decoration: none;
}

.pageNumberSpace {
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-bottom: 1px solid white;
  width: 6px;
  height: 20px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.totalPages {
  color: #999999;
  border: 1px solid #ffffff;
  border-radius: 0px;
  width: 80px;
  height: 20px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

img.ui-datepicker-trigger {
  position: relative;
  top: 4px;
  margin-left: 4px;
}

#flatRate {
  position: relative;
  float: left;
  width: 1160px;
  height: 40px;
  background-color: #000;
  margin: 0px;
}

.infoButton, .actionButton, .teacherButton, .actionSubmit, .infoSubmit, .teacherSubmit, .blackButton, .blackSubmit {
  display: inline-block;
  font-family: "poppins", "Myriad Pro", sans-serif;
  text-align: center;
  padding: 10px 50px;
  margin: 3px 3px 3px 3px;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0px;
}

a.actionButton:link, a.actionButton:visited, .actionSubmit {
  background-color: #000000;
  border: 1px solid #777474;
  color: #ffffff !important;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
}

a.infoButton:link, a.infoButton:visited, .infoSubmit {
  background-color: #f0f0f0;
  border: 1px solid #cccccc;
  color: #000000 !important;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
}

a.blackButton:link, a.blackButton:visited, a.blackButton:hover, a.blackButton:active, .blackSubmit {
  background-color: #333333;
  border: 1px solid #999;
  color: #fff !important;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
}

a.teacherButton:link, a.teacherButton:visited, .teacherSubmit {
  background-color: #4E7C81;
  border: 1px solid #4E7C81;
  color: #ffffff;
  font-size: 11pt;
  font-weight: bold;
  text-decoration: none;
}

.smallButton {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  padding: 6px 10px;
  margin: 1px 5px 1px 5px;
  cursor: pointer;
  -webkit-appearance: none;
  border-radius: 0px;
  border: 1px solid #000000;
}

a.smallButton:link, a.smallButton:visited, a.smallButton:hover, a.smallButton:active {
  background-color: #F0F0F0;
  border: 1px solid #777474;
  color: #333 !important;
  font-size: 8pt;
  text-decoration: none;
}

.buttonQty {
  text-indent: -9999999px;
  cursor: pointer;
  width: 14px;
  height: 14px;
  float: left;
  text-align: center;
  z-index: 100;
  position: absolute;
}

.inc {
  background: url("/image/cart_big/arrow_up_16.png") no-repeat;
  margin: -29px 0 0 37px;
  *margin: 0 0 0 -20px;
}

.dec {
  background: url("/image/cart_big/arrow_down_16.png") no-repeat;
  margin: -16px 0 0 37px;
  *margin: 13px 0 0 -20px;
}

.buttonQty2 {
  text-indent: -9999999px;
  cursor: pointer;
  width: 32px;
  height: 32px;
  float: left;
  text-align: center;
  z-index: 100;
  position: absolute;
}

.inc2 {
  background: url("/images/icons/icon_plus.png") no-repeat;
  margin: -32px 0 0 42px;
  *margin: 13px 0 0 -20px;
}

.dec2 {
  background: url("/images/icons/icon_minus-06.png") no-repeat;
  margin: 0px 0 0 -30px;
  *margin: 0 0 0 -20px;
}

.biggerCheckoutPrice {
  font-size: 16px !important;
  margin-right: 5px !important;
}

.biggerCheckoutPriceSale {
  color: #000000;
  font-size: 16px !important;
  margin-right: 5px !important;
}

.smallerCheckoutPrice {
  font-size: 12px !important;
  margin-right: 5px !important;
}

#livechat-compact-container {
  display: none;
}

#enlargePhotoDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  display: none;
  z-index: 10;
}

#popUpWindow {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -250px;
  margin-left: -280px;
  width: 560px;
  height: 500px;
  visibility: hidden;
  z-index: 11;
  background-color: #FFFFFF;
  border: 1px solid #CCC;
  z-index: 100;
}

#loginWindow {
  position: absolute;
  left: 50%;
  top: 40%;
  margin-top: -250px;
  margin-left: -280px;
  width: 560px;
  height: 160px;
  visibility: hidden;
  z-index: 15;
  border: 1px solid #CCC;
  z-index: 50;
}

#popBox, #popBox2, #popBoxQL, #popBoxError, #customLeoLogin, #popBoxCompleteLook {
  position: absolute;
  left: 0%;
  top: 0%;
  margin-top: 0px;
  margin-left: 0px;
  width: 0px;
  height: 0px;
  visibility: hidden;
  z-index: 999;
  background-color: #FFFFFF;
  border: 1px solid #CCC;
}

#popBox2 {
  z-index: 1000;
}

#popBox2 {
  z-index: 1001;
}

#popBoxError {
  z-index: 1002;
}

#popBoxCompleteLook {
  margin-top: -260px;
  overflow: hidden;
}

#listSortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 920px;
}

#listSortable li {
  margin: 0 3px 3px 3px;
  padding: 0.4em;
  padding-left: 1.5em;
  font-size: 1.4em;
  height: 58px;
  background: #FFF;
}

#listSortable li span {
  position: absolute;
  margin-left: -1.3em;
}

.insetSpace {
  position: relative;
  width: 73px;
  visibility: hidden;
}

#trendingInfo {
  position: absolute;
  left: 0px;
  margin-top: 0px;
  width: 100%;
  background-color: #efefef;
}

#homePageFooter {
  position: absolute;
  left: 0px;
  margin-top: 180px;
  width: 100%;
  background-color: #357e84;
}

#shippingBanner {
  position: absolute;
  left: 0px;
  margin-top: 0px;
  width: 100%;
  background-color: #F69B7B;
}

#adblockBanner {
  position: absolute;
  left: 0px;
  margin-top: 0px;
  width: 100%;
  background-color: #F5F5F5;
}

#mainMenuBanner {
  position: absolute;
  left: 0px;
  margin-top: 0px;
  width: 100%;
  background-color: #F5F5F5;
}

.thumbImage {
  background-image: url(image/zoomloader.gif);
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden !important;
  table-layout: fixed;
}